以下寫的可能對大部分網友來說可能很簡單，但是我自己確實是不知道的。
有一段這樣的html:
<div>
<a href="#">
<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