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