0

これは参照リンクです: http://www.mytwins.gr/site/

これはワードプレスのテーマです。各メニューアイテムのホバーカラーを変更したいのでcssを編集しています。これは私が今まで試したコードです

#menu-item-43 a:hover {background-color: rgb(161, 204, 58) !important;}
  • 問題は、同じ方法が他のアイテムでは機能しないことです。なぜ？

  • 次に、css3 nth 要素を使用して、必要な特定のアイテムを選択しようとしました。以下の例

     #topnav li:nth(4) a:hover {background-color:black;}

上記も機能しません。各メニュー項目の色を変更する方法についてのアイデアはありますか? 前もって感謝します

4

3 に答える 3

1

<a>要素に背景色を与えるために使用しているセレクターを見てください。

#topnav li.current-menu-item > a, #topnav li.sfHover > a, #topnav li a:hover

セレクターはそれよりも具体的でなければならず、#menu-item-43 a:hover十分ではありません。試してみませんか:

#menu-item-43 > a, #menu-item-43 > a:hover { ... }
于 2013-04-17T20:04:22.917 に答える
0

おそらく、色を変更しようとしているリンクの特異性と関係があります。CSS の特異性に慣れていない場合は、こちらが参考になります: http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

基本的に、CSS はその特異性に基づいて DOM 内の要素に適用されるため、セレクターとインラインなどを使用して CSS を適用しようとする方法は、どの要素に実際に CSS が適用されているかに影響します。

于 2013-04-17T20:04:10.320 に答える