Новости
Видео
Microsoft
Windows 10
Железо
Программы
Форум
Имя пользователя:
Пароль:
 

Название темы: [решено] Знак "~" в css
Показать сообщение отдельно

Аватара для Coutty

Кот Ти


Сообщения: 7318
Благодарности: 1204

Профиль | Отправить PM | Цитировать

Есть элементы li, у которых заданы различные классы:
HTML код: Выделить весь код
<html>
	<head>
		<style>
			li:hover ~ .class {background:red;}
		</style>
	</head>
	<body>
		<ul>
			<li class="first">1</li>
			<li class="second">2</li>
			<li class="second class">3</li>
			<li class="class other">4</li>
			<li class="class">5</li>
		</ul>
	</body>
</html>

В данном случае если написать просто li:hover .class {}, то будут выбраны только те элементы, у которых задан ТОЛЬКО один класс class, т.е. только элемент №5. А если li:hover ~.class {}, то все элементы, которые содержат класс class, т.е. 3, 4 и 5.
Это сообщение посчитали полезным следующие участники:

Отправлено: 10:57, 01-04-2012 | #4

Название темы: [решено] Знак "~" в css