Изменение родительского элемента с помощью CSS - PullRequest
Новая
       20

Изменение родительского элемента с помощью CSS

0 голосов
/ 17 февраля 2010

Когда у меня 

<ul class="menu">
 <li><a href="bla">link</a></li>
</ul>

как заставить тег LI изменить свойство (например, list-style-image) при наведении (a: hover)?

Ответы [ 3 ]

3 голосов
/ 17 февраля 2010

Вы также можете применить hover к li: 

ul.menu li:hover
 {
   list-style-image: url(highlight.gif);
 }

Примечание (спасибо Andy E): :hover не поддерживается в IE6 и поддерживается только для ссылок в IE7. (См. Таблицу совместимости здесь ). Существует обходной путь для IE6 и 7 с именем независимо от того: hover .

1 голос
/ 17 февраля 2010

В современных браузерах вы можете использовать li:hover, но в более старых вы должны использовать javascript.

Редактировать: Кстати, если вы установите: 

a {
    display:block;
}

вы можете делать все стили для a, и вам не нужно стилизовать li.

0 голосов
/ 17 февраля 2010

Вы можете добавить add непосредственно в элемент привязки, который является вложенным элементом элемента li 

li a:hover { ..style.. }

Или вы можете добавить класс для привязки, чтобы сделать это 

li a.HoverClass:hover { ..style.. }

Вот базовый пример здесь

...