Question

css中hover的使用。

问题大致是一个a标签里包含一个span标签。<a><span>蛋蛋</span>试试</a>span和a标签文字颜色不同，但是我想鼠标在a标签hovver是两者颜色一样为什么不行？span的不会变色。a不是包含span吗为什么span不变色？

Answer 1

看你说的，你应该是单独给span写了颜色，所以后面a:hover的时候，后者的权重没有写给span的权重高，才不会变颜色，楼上的写法可以。

追问

谢谢啦。

Answer 2

你要把span也写上，如果不写当然两者的颜色不一样喽 a:hover, a:hover span { }

Answer 3

a:hover,a:hover span{color:#333;}

追问

我的a标签前面还有父元素，如果按你这么打我整个网页的a都会变了。我只想
这里面的a有这种hover效果，不想整个网页的a都有这个效果

追答

自己在li 或者a ……标签加个class

.item a:hover, .item a:hover span{color:#333;}