CSS筆記-除了a標籤外的hover屬性的應用

以下寫的可能對於大部分網友來說可能很簡單，但是我自己確實是不知道的。

有一段這樣的html:

<div>
<a href="http://j5c.cnblogs.com/index.php#">
<img alt="i am an img" src="img.jpg"/>
</a>
</div>

一般hover這個css偽類對於除a標籤外的標籤是不起作用的（FF瀏覽器下可以起作用，IE6下不可以）：如下

img:hover{
border:1px solid #000;/*FF下有效果,IE6下沒有效果*/
}

這麼好的一個偽類真浪費了！！然而實際上是有辦法的實現非a標籤的hover功能的,如下寫:

a:hover img{
border:1px solid #000;/*可以理解為滑鼠在其上的a裡面的img標籤*/
}

^0^很簡單就實現了,不用編輯麻煩的JS語句了!

獻給熱愛CSS的朋友,以上內容為筆者小JOE愚見,轉載請著名:作者小JOE 地址:http://xiebiji.com/2008/10/hover