html - CSS A ホバーで現在のアイテムを除外

Question

有料のこのWordpressテンプレートで作業しようとしていますが、開発者はあまり役に立たず、行き詰っています...

メイン ナビゲーションにはピンク色のホバー機能がありますが、「現在のメニュー項目」をホバー時にピンク色から除外したいと考えています。編集する適切なクラスを見つけるのは非常に困難です。

以下の HTML および CSS スタイルが表示されます...

家

サイトは以下の場所にあります。

http://www.royalteeapparel.co.uk/wp

ありがとう

Answer 1

これを追加：

.menu-item a:hover {color: #FF17A6 !important;}
/* add this */
.current-menu-item a:hover {color: #4AB1D3 !important;}

!importantまた、まったく使用せず、 CSS に反対するのではなく、CSSを使用することをお勧めしますが、スタイルシートはすでに CSS を多用しているようです。

Answer 2

この行を含めることもできます。

.sf-menu li.current-menu-item a:hover
{
    color: #4AB1D3;
}

CSS ファイルにはすでに次のものが含まれています。

.sf-menu li.current-menu-item a
{
    color: #4AB1D3;
}

そのため、タグに :hover を含める行を追加すると、ピンクが取り除かれ、選択されたアイテムと同じ青になります。

Answer 3

.css ファイル http://www.royalteeapparel.co.uk/wp/wp-content/themes/WhiteNoise/style.css の 452 行目に、

変化する

.menu-item a:hover {
    color: #FF17A6 !important;
}

あなたのニーズに合った色に。