使用CSS

更改父元素當我有使用CSS

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

我怎麼做LI標籤更改屬性（如列表樣式圖像）時，懸停（：懸停）？

2010-02-17 Marki

您可以申請hover到li還有：

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

注（感謝Andy E）：在IE6不支持:hover，並且僅支持IE7中的鏈接。（見兼容性表here）。 IE6和7有一個解決方法，命名爲whatever:hover。

2010-02-17 14:55:04

+1。對於IE6或其他不兼容的瀏覽器，你將不得不在javascript中實現這一點。 –

http://www.xs4all.nl/~peterned/csshover.html這個人已經爲你做了努力工作。我用它來達到很好的效果。 – Mauro

@Andy E乾杯提醒我，編輯我的答案。 @Mauro：同一時間的同一鏈接:) –

在現代瀏覽器上，您可以使用li:hover，但在較舊的瀏覽器上您必須使用javascript。

編輯：順便說一句，如果你設置：

a { 
    display:block; 
}

你可以做的a所有的造型和你鴕鳥政策需要的款式的li。

2010-02-17 14:55:19 jeroen

你可以給直接添加到錨元素是li元素的子元素

li a:hover { ..style.. }

或者你可以添加一個類錨做

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

有一個基本的例子here

2010-02-17 14:58:13 Myra

回答