0

我正在使用一个名为 Pitch siteorigin.com/theme/pitch的免费 wordpress 主题。我重新设计了菜单栏，以便菜单栏第一个元素的背景显示图像（徽标）。为此，我只需添加一个简单的代码块

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 回答