我有一個自動生成所創建的以下的WordPress菜單:突出父李當子李
<li class="page_item page-item-23 page_item_has_children">
<a href="#">Main item 1</a>
<ul class="children">
<li class="page_item page-item-52498 current_page_item">
<a href="#">Item 1</a>
</li>
<li class="page_item page-item-52496">
<a href="#">Item 2</a>
</li>
<li class="page_item page-item-52477">
<a href="#">Item 3</a>
</li>
</ul>
</li>
我想說,當我在第一個子項目,突出主禮。
這是我使用的CSS(理想情況下,這將是更簡單,但由於自動生成的菜單這是一個有點凌亂的性質!):
.page-item-52498.current_page_item li.page-item-23 a {
color:white!important;
font-family:'Museo Sans W01 500'!important;
}
在這沒有按」瞬間t使第一個li a
白色。
沒有可能單獨使用CSS,而不是使用'.page_item_has_children:懸停{color:#f00;}'並設置活動st的顏色吃了,這樣它將應用顏色,即使當你移動子菜單上的光標 –
請參閱這裏:http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector – DonJuwe