Допустим, есть код:
CSS:
#a1 {
color:red;
}
#a1:hover {
color:green;
}
#a2 {
color:red;
}
HTML:
<div id="a1">1
<div id="a2">2</div>
</div>
Можно как то реализовать что бы :hover также изменял стиль a2?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуДопустим, есть код:
CSS:
#a1 {
color:red;
}
#a1:hover {
color:green;
}
#a2 {
color:red;
}
HTML:
<div id="a1">1
<div id="a2">2</div>
</div>
Можно как то реализовать что бы :hover также изменял стиль a2?
Легко:
a1:hover a2{%styleRule%}
.
:hover
ставишь около элемента, который должен реагировать на наведение, а последним элементом должен быть тот, кто меняется. Например: my .super:hover .puper .element{}
- ищет тэг my
, в нём ищет все классы .super
, внутри них класс .puper
и ещё внутри .element
. Стили применится только при наведении на любой .super
к любому .element
.
id
может быть только ОДИН в DOOM. Поэтому эта конструкция бессмысленна, ибо можно так: #ps:hover #www
.