更改“ 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

通過最簡單的HTML進行測試后，發布的CSS代碼可以正常工作

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

並且不使用其他樣式表。 這意味着在您的真實頁面中，HTML語法中可能有錯誤，或者更有可能是其他樣式表規則覆蓋了該規則。

因此，您應該分析和修改樣式表。 如果您需要進一步的幫助，則應發布仍然存在問題的最少代碼。

使用!important可以確保它不是CSS代碼中的HTML問題或拼寫錯誤，但!important很少用於實時頁面，尤其是在您不太了解樣式表如何協同工作的情況下。

Answer 3

只是嘗試懸停

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

Answer 4

我認為CSS可以解決您的問題，如果您想使用jquery來解決，則可以使用此鏈接Jquery Hyperlink插件