在wordpress主題下拉菜單

我使用免費的wordpress主題，名爲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

來源

2013-03-11 Shuvro Shuvro

如果使用UL＃的MainMenu菜單> li.menu項：第一，孩子只會影響孩子的直接我 – 2013-03-11 19:09:29

如何解決？ – 2013-03-11 19:15:09

改變你的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-11 19:17:53

非常感謝，它工作得很好，你只需要保存我的日子 – 2013-03-11 19:25:47

@ShuvroShuvro不客氣，你現在可以將這個問題標記爲答案！ – 2013-06-07 21:31:24

在wordpress主題下拉菜單

回答

相關問題