javascript - 更改“li”内“a”标签的颜色

Question

我试过用css来做，使用：

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

但它不工作，然后我尝试使用 jQuery，与：

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

在内部调用 onMouseOver <li>，但它也不起作用......

任何的想法？

score 6 · Accepted Answer

尝试一下color: black !important，如果它有效，然后寻找覆盖它的样式并重新组织你的代码。

score 0 · Accepted Answer

发布的 CSS 代码在使用最简单的 HTML 进行测试时有效，例如

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

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

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

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

score 0 · Accepted Answer

0

试试悬停

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

于 2012-05-08T04:28:11.553 回答

score 0 · Accepted Answer

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

4 回答 4