这几天在做一个任务时候需要用到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标签样式都会发生改变。
本文介绍了如何使用CSS的hover属性来改变鼠标悬停时a标签及其内部span标签的颜色和背景图片。详细解释了两种不同的选择器用法:aspan:hover与a:hover span的区别,并通过实例说明了如何让背景图片和文字颜色同时变化。
7769

被折叠的 条评论
为什么被折叠?



