что значит в css



что означает в css

Автор Anonymous задал вопрос в разделе Другие языки и технологии

Что означает символ ~ в CSS? Ну например .a > span:hover ~ span:before и получил лучший ответ

Ответ от Константин Картамышев[активный]
Если знаете, что значит "+" в css - значит и это будет понятно.
Если нет, то:
"+" - значит следующий элемент - то есть, если в стилях прописать
div + a {color:#F00;}, этот стиль будет применен к следующей ссылке после div (но только к одной - к ссылке с текстом "Ссылка 1"
Если же прописать div ~ a {color:#fcc;} - данный стиль будет применяться ко всем ссылкам, которые идут после div, но не к ссылке, которая находится в span'е, то есть к ссылке 2 и ссылке 3
Блок 1
<span></span>
Оба селектора поддерживаются в ИЕ начиная с версии 7. Если нужен ИЕ 6 - используем jQuery

Ответ от Corvus Corax[новичек]
Это псевдоэлементы. Псевдоэлемент hover полезная штука в css, можно всяких анимаций наделать, не используя для этих целей громоздкий жкуери.

Ответ от Иоаков Тинделаки[гуру]
а можно живой пример?

Ответ от 22 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: Что означает символ ~ в CSS? Ну например .a > span:hover ~ span:before
CSS на Википедии
Посмотрите статью на википедии про CSS
 

Ответить на вопрос:

Имя*

E-mail:*

Текст ответа:*
Проверочный код(введите 22):*