2016-02-09 39 views
1

強調我有這個網站在WordPress的,其中有一個菜單WordPress的主菜單第一項默認爲

enter image description here

和CSS屬性而改變懸停顏色

.main-navigation a:hover { 
    background: #fa5742; 
    color: #f1f1f1; 
} 

我想首頁默認突出顯示,我該怎麼做? 我是新來的wordpress,因此我可能會錯過這裏最簡單的技巧。

回答

2

適當的方式做到這一點是通過強調當前菜單項

.main-navigation li.current_page_item a { 
    background: #fa5742; 
    color: #f1f1f1; 
} 
1

請寫出的CSS(使用第一個孩子)

.main-navigation li:first-chile a { 
    background: #fa5742; 
    color: #f1f1f1; 
} 
+0

你可以闡述發生了什麼 –

+0

請寫出上面的代碼在你的style.css請使用第一胎 – javidrathod

+0

這將設置第一個家的顏色,但沒有移除懸停。你有錯字。 「第一個孩子」不是「第一個智利」。 – ketan

1

如果您使用的是標準的WordPress菜單中,您可以使用.current_page_item類重點突出一頁的用戶當前所在。

.main-navigation li.current_page_item a { 
    background: #fa5742; 
    color: #f1f1f1; 
} 

如果你喜歡你描述你只是希望第一個項目總是被突出顯示,你可以使用下面的CSS。

.main-navigation li:first-child a { 
    background: #fa5742; 
    color: #f1f1f1; 
} 
相關問題