Question

我用jquery做了个标签切换 但是给那标签加了链接后 jquery鼠标经过的颜色 会是链接上的颜色，不是jquery

我用jquery做了个标签切换 但是给那标签里的文字加了链接后, jquery鼠标经过的颜色 文字会是链接上定义的颜色，不是jquery addclass 添加的样式颜色，那是怎么回事呀？ 该怎么解决？
大家看下代码 这该怎么整呀！

绿色的那块怎么能让成为白色 如果给a:hover加上color：#fff 它在鼠标离开还会是灰色！





Answer 1

先解决你的问题，在你样式表的最后一行加上：
.hover a { color:#fff;}

a标签的父层是不能直接控制a的颜色的，希望能帮到你。
最后说一句题外话，不要介意，这里的TAB切换可以更简洁的。

Answer 2

因为链接的hover事件会触发css设定的样式，浏览器默认、css设定都会改变这个样式。
既然在标签里的 <a> 有文字颜色，可以在这个 <a> 标签样式下面，新加一个样式，例如：
现有样式
.yourClass a { color:#000 ……}
新加
.yourClass a:hover { color:#000}
与上面的颜色一致，那么在鼠标经过时的颜色，就还会和 <a> 未经过的颜色一样了。

追问

你看下 代码！

追答

把这个 a:visited 删除。或者把里面的color:#666 删除。

Answer 3

给你的<a>标签加个class或者id，再在css里写，如:
<a class="test1" href="">click me</a>
.test1{
color:red;
}

追问

你看下 代码！

追答

jerry9434 说的不错，不过代码应该要加上所有的：
.hover a:link
.hover a:visited
.hover a:hover

追问

加过了没用呀
！

追答

还有这个
a:active
一般来说，写a的样式，只有两个，a和a:hover
但如果完整的都写完的话，应该是4个，并且要按照顺序写：
a:link
a:visited
a:hover
a:active