1

修正するのが面倒な小さな問題に遭遇しました。このワードプレス メニューhttp://bandmark.comのスタイルを設定しました。すべてのメニュー項目には独自の背景画像があります。私が抱えている問題は、「.current」の背景を制御するスタイルを削除または上書きできないことです。ホームページでは問題なく表示されますが、リンクをクリックしてページ/カテゴリに移動すると、.current スタイルが開始され、プレゼンテーションが台無しになります。現在のメニュー項目にカーソルを合わせると、グラフィックが奇妙な角度でスライドし、見栄えがよくありません。

    nav#omc-main-navigation ul li.current-menu-item a

オーバーライドする必要がある要素のようです。背景をなしに変更すると、空白の画面が表示されます。とにかく、.current の状態を :hover? と同じにするには 上で述べたように、それらはすべて独自の menu-item-{number} を持っています。これが少し混乱を招くように聞こえる場合は、お詫び申し上げます。

4

2 に答える 2

2

：hoverスタイルに.currentを追加できますか？例：

a:hover, a .current { background-color: #333; }

http://jsfiddle.net/e2vTN/

于 2012-12-29T22:25:02.890 に答える
1

ホバー状態を定義した場所。例：

nav#omc-main-navigation ul li#menu-item-4200 a:hover { background: ... }

次のように現在のメニュー項目を追加します。

nav#omc-main-navigation ul li#menu-item-4200 a:hover,
nav#omc-main-navigation ul li#menu-item-4200.current-menu-item a { background: ... }
于 2012-12-29T22:26:09.750 に答える