Чистый CSS для грязных трюков

Вадим Макеев, HTML Academy

Чистый CSS

для грязных трюков

Логотип HTML Academy.

17 декабря 2005

			#nav LI A,
			#nav LI:hover LI A,
			#nav LI.sfhover LI A,
			#nav LI:hover LI:hover LI A,
			#nav LI.sfhover LI.sfhover LI A,
			#nav LI:hover LI:hover LI:hover LI A,
			#nav LI.sfhover LI.sfhover LI.sfhover LI A { … }
		

17 декабря 2005

			#nav LI:hover A,
			#nav LI.sfhover A,
			#nav LI:hover LI:hover A,
			#nav LI.sfhover LI.sfhover A,
			#nav LI:hover LI:hover LI:hover A,
			#nav LI.sfhover LI.sfhover LI.sfhover A,
			#nav LI:hover LI:hover LI:hover LI:hover A, …
		
Пепелсбей.net в 2015 году.

26 апреля 2018

			.menu__radio--open:checked ~ .menu__label--open {
				display: none;
			}
			 
			.menu__radio--open:checked ~ .menu__label--close {
				display: block;
			}
		

26 апреля 2018

			<div class="menu__tab">
				<input class="menu__radio menu__radio--open" …
				<label class="menu__label menu__label--open" …
				<input class="menu__radio menu__radio--close" …
				<label class="menu__label menu__label--close" …
				<ul class="menu__list">
					<li class="menu__item">Реликтовый ледник</li>
		

Не надо так

А то что?

@pepelsbey

Логотип Shower.

Shower

Ссылки

Вопросы?