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

Question

I've tried to do it by css, using:

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

But it is not working, then i tried using jQuery, with:

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

Calling onMouseOver inside the <li> , but it is also not working...

Any idea?

Answer 1

尝试使用color: black !important ，如果可行，则寻找覆盖它的样式并重新组织代码。

Answer 2

The CSS code posted works when tested with the simplest possible HTML like

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

and with no other style sheet used. This means that in your real page, there is either some error in HTML syntax or, more probably, some other style sheet rule that overrides this rule.

Thus, you should analyze and modify the style sheets. If you need further help, you should post minimal code that still exhibits the problem.

Using !important can be useful in making sure that it's not an HTML problem or typo in CSS code, but !important should rarely be used on live pages, especially in cases where you don't really know how your style sheets work together.

Answer 3

Just try hovering

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

Answer 4

我认为CSS可以解决您的问题，如果您想使用jquery来解决，则可以使用此链接Jquery Hyperlink插件