CSS notes-except for the application of the hover attribute outside a tag

The following may be easy for most users, but I do not know.

There is a paragraph of this HTML:

<div>
<a href="http://j5c.cnblogs.com/index.php#">

</a>
</div>

General hover This CSS pseudo class has no effect on tags other than label a (FF browser can work, IE6 not available):

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

Such a good pseudo class is really a waste!! However, there is actually a way to implement the hover function of non-a tags, as follows:

a:hover img{
border:1px solid #000;/*可以理解为鼠标在其上的a里面的img标签*/
}

^0^ is very simple to achieve, do not edit the trouble of the JS statement!

To love CSS friends, the above content for the author small Joe humble opinion, reprint please famous: Author small Joe Address: Http://xiebiji.com/2008/10/hover