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

CSS筆記-除了a標籤外的hover屬性的應用內容簡介：以下寫的可能對於大部分網友來說可能很簡單，但是我自己確實是不知道的。 有一段這樣的html: div a href=# img alt=i am an img src=img.jpg/ /a /div 一般hover這個css偽類對於以下寫的可能對於大部分網友來說可能很簡單，但是我自己確實是不知道的。
有一段這樣的 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語句了!

轉自：http://syue.com/edu/Web/CSS/12683.html