Нужен javascript или нет?
Всем привет.
Возник такой вопрос о использовании javascript При наведении на обьек цвет фона меняется у нескольких обьектов. Я знаю как такое можно сделать на javascript ,а вот на css как то сварганить можно? |
Можно.. где то встречалось, только это не будет работать в IE (как обычно :D )
|
Можно, но эти элементы должны быть потомками того, на который будут наводить.
|
Цитата:
|
Я так понял что что то в этом духе должно быть. Сейчас опробуем))
css li:hover > ul
{
motherf...:bad;
}
css li:hover > ul >li >a
{
motherf...:bad;
}
|
Да, точно javascript и даром тут не нужен)) Как сделаю, покажу, все просто)
|
Цитата:
|
Если элементы к которым нужно обратиться находятся внутри тега, то так:
#link:hover > #link2
{
/* И ТАК ДАЛЕЕ*/
color:red;
}
</style>
[HTML] <div id="link"> <div id="link2"> </div></div>[/HTML]
Меня навело на мысль вот что , а не предусмотрено ли обращение из псевдокласа hover или другого , обращение не к дочернему тегу(элементу)? Пробовал , не работает следующее.
#link:hover > #link2
{
/* И ТАК ДАЛЕЕ*/
color:red;
}
</style>
[HTML] <div id="link"> </div>
<div id="link2"> </div>[/HTML]
Гугл ответил http://www.nbuv.gov.ua/books/19/css2/selector.html
#link:hover + #link2
{
visibility:hidden;
}
</style>
<div id="link"> </div> <div id="link2"> </div> Вот так вот работает. То есть обращение к элементу не дочернему. К сожалению если два блока разделяют еще теги, то это пример не работает. |
Цитата:
|
Цитата:
div.class1 ~ div.class2 <div class='class1'></div><div></div><div class='class2'></div> |
| Часовой пояс GMT +3, время: 19:03. |