更改“li”中“a”标签的颜色

Question

我试过用css做的，使用：

#mainmenu ul li:hover a
{
  color: #000000;
}

但它没有用，然后我尝试使用jQuery，用：

function change()
{
  $(this).find('a').css('color','#000000');
}

在<li>内调用onMouseOver，但它也无效......

有什么想法吗？

Answer 1

尝试使用color: black !important，如果有效，请查找覆盖它的样式并重新整理代码。

Answer 2

发布的CSS代码在使用最简单的HTML（如

）进行测试时有效

<div id=mainmenu>
<ul><li><a href=foo>link</ul>
</div>

并且没有使用其他样式表。这意味着在您的真实页面中，HTML语法中存在一些错误，或者更可能的是，其他一些样式表规则会覆盖此规则。

因此，您应该分析和修改样式表。如果您需要进一步的帮助，您应该发布仍然存在问题的最少代码。

使用!important可以确保它不是HTML问题或CSS代码中的拼写错误，但!important应该很少在实际页面上使用，尤其是在您不真实的情况下知道你的样式表如何协同工作。

Answer 3

尝试悬停

#mainmenu ul li a:hover
{
  color: #000000;
}

Answer 4

我认为如果您想使用jquery解决问题，CSS无论如何都可以处理您的问题，您可以使用此链接Jquery Hyperlink Plugins