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

Question

Когда я

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

как сделать изменение LI-тег свойств (например, список-стиль-изображения) при наведении (а: парения)?

Answer 1

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

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

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

Answer 2

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

Edit: Кстати, если вы установите:

a { 
    display:block; 
} 

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

Answer 3

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

li a:hover { ..style.. } 

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

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

Существует простой пример here