需要更改每個菜單標題的顏色。 - WordPress的

Question

我有一個網站：

http://cancersurvivorshipireland.com/cancersurvivorshipireland.com/wordpress/ （臨時地址）

，但我在標題中的所有菜單主題相同的顏色，它們都是綠色的。我試圖讓他們所有不同的顏色。

例如。首頁=綠色，新聞=紅色，博客=黃色。但絕對不知道該怎麼做？

Answer 1

可以按如下方式與CSS nth child selector做到這一點：

#menu-default li:nth-child(1) a { 
    color: green; 
} 
#menu-default li:nth-child(2) a { 
    color: red; 
} 
#menu-default li:nth-child(3) a { 
    color: yellow; 
} 
#menu-default li:nth-child(4) a { 
    color: orange; 
} 
#menu-default li:nth-child(5) a { 
    color: blue; 
} 

Answer 2

，可以在列表元素上使用:nth-child。添加到您的css文件

#menu-default > li:nth-child(1) > a { color: green; } 
#menu-default > li:nth-child(2) > a { color: red; } 
#menu-default > li:nth-child(3) > a { color: yellow; } 
#menu-default > li:nth-child(4) > a { color: white; } 
#menu-default > li:nth-child(5) > a { color: orange; } 

Answer 3

每這些菜單項中有一個獨特的ID和匹配類，即，li.menu-item-39也li#menu-item-39。您可以使用CSS來定位這些ID或類，無論哪個更適合您。

li.menu-item-39 > a { /* Home */ 
    color: green; 
} 
li.menu-item-43 > a { /* News */ 
    color: red; 
} 
li.menu-item-47 > a { /* Blog */ 
    color: yellow; 
} 

編輯，以解決其他答案：可以使用:nth-child僞類要做到這一點，但只會在支持CSS3瀏覽器。

Answer 4

您需要進入navigation.php文件，我假設併爲每個參數添加css id參數，然後在styles.css中爲它們分配顏色。

如果您不熟悉編輯文件或更改代碼，這不是一個簡單的修復。

下面是一些CSS代碼：

#menu-default > li:nth-child(1) > a { color: green; } 
#menu-default > li:nth-child(2) > a { color: red; } 
#menu-default > li:nth-child(3) > a { color: yellow; } 
#menu-default > li:nth-child(4) > a { color: white; } 
#menu-default > li:nth-child(5) > a { color: orange; }