0

Pitch siteorigin.com/theme/pitchという名前の無料のワードプレステーマを使用しています。メニュー バーの最初の要素の背景に画像 (ロゴ) が表示されるように、メニュー バーを再設計します。そのためには、単純なコード ブロックを追加するだけです

ul#mainmenu-menu li.menu-item:first-child {
        background:url(images/logo.png) no-repeat ;
        text-indent:-9999px;
        width:200px;


        border:none;
        }
    ul#mainmenu-menu li.menu-item:first-child a:hover  {
        background:none;

    }

しかし問題は、その画像がドロップダウン項目の最初の要素にも表示されることです。画像のように http://i46.tinypic.com/oejcz.jpg

私は何を間違えましたか、どうすれば修正できますか?

ここに完全な CSS コードがありますhttp://pastebin.com/edsYrqWF

4

1 に答える 1

1

CSS を次のように変更します。

ul#mainmenu-menu > li.menu-item:first-child {
    background:url(images/logo.png) no-repeat ;
    text-indent:-9999px;
    width:200px;
    border:none;
}
ul#mainmenu-menu > li.menu-item:first-child a:hover  {
    background:none;
}

サブメニューではなく、最初のメニュー レベルにのみ適用されます。CSS の ">" に注意してください。

詳細はこちら: http://www.w3.org/TR/CSS2/selector.html#pattern-matching

于 2013-03-11T19:17:53.727 に答える