本文介绍了如何使用CSS的hover属性来改变鼠标悬停时a标签及其内部span标签的颜色和背景图片。详细解释了两种不同的选择器用法：aspan:hover与a:hover span的区别，并通过实例说明了如何让背景图片和文字颜色同时变化。
这几天在做一个任务时候需要用到hover这个属性，想要实现的效果是：鼠标经过a标签时，a的背景照片和a里面的span标签颜色都要改变。
以下两种情况都是在a标签已经给背景图片加了hover属性了。
a span:hover
实现的效果是鼠标经过a标签时，a标签里的背景图片会改变，再经过span标签时，span标签里的的字会改变。但是背景图片和span内容不能同时改变。
a:hover span
实现的效果是鼠标经过a标签时，a标签里的背景图片和span标签里的字会同时改变。
a:hover span表示当鼠标进过a标签时，a标签下面的span标签样式会发生改变，因为a标签已经绑定了hover属性了，所以鼠标进过a标签，a标签和包含的span标签样式都会发生改变。
扫一扫
7769
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
