用a伪类的后代标签实现鼠标放到图片上产生背景颜色变化

这几天一直在做项目，碰到网站上很多见的鼠标放到图片上产生背景颜色变化的效果，因为还没有学JS，就用CSS实现了这种效果，总结了2种方法，拿出来跟大家分享一哈！

效果图：

View Code

<div class="content_mjsp_dw">
<div class="content_mjsp_ul_li3_a2"></div>
<div class="content_mjsp_ul_li3_bh">
<a href="###" class="content_mjsp_ul_li3_a3">
<span> </span>
</a>
<a href="###" class="content_mjsp_ul_li3_mr">
<span> </span>
</a>
<a href="###" class="content_mjsp_ul_li3_a3">
<span> </span>
</a>
<a href="###" class="content_mjsp_ul_li3_a3">
<span> </span>
</a>
<a href="###" class="content_mjsp_ul_li3_a3">
<span> </span>
</a>
</div>
</div>

喜欢尝试的小盆友，可以试一下我的第二种方法哦~~