先解决你的问题,在你样式表的最后一行加上:
.hover a { color:#fff;}
a标签的父层是不能直接控制a的颜色的,希望能帮到你。
最后说一句题外话,不要介意,这里的TAB切换可以更简洁的。
因为链接的hover事件会触发css设定的样式,浏览器默认、css设定都会改变这个样式。
既然在标签里的 有文字颜色,可以在这个 标签样式下面,新加一个样式,例如:
现有样式
.yourClass a { color:#000 ……}
新加
.yourClass a:hover { color:#000}
与上面的颜色一致,那么在鼠标经过时的颜色,就还会和 未经过的颜色一样了。
给你的标签加个class或者id,再在css里写,如:
click me
.test1{
color:red;
}