javascript - 「li」内の「a」タグの色を変更

Question

以下を使用して、cssでそれを実行しようとしました:

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

しかし、それは機能していません。次に、jQueryを使用してみました:

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

内で onMouseOver を呼び出して<li>いますが、それも機能していません...

何か案が？

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;
}