昨天遇到的一個(gè)問(wèn)題，本打算將導(dǎo)航菜單里的重要鏈接修改一下顏色以加亮顯示。雖然知道修改應(yīng)該是在鏈接更多選項(xiàng)里CSS類中進(jìn)行，但具體設(shè)置方法還是不太清楚，嘗試求助搜索引擎也沒(méi)找什么有價(jià)值的信息。后來(lái)還是通過(guò)反復(fù)測(cè)試才設(shè)置成功的，現(xiàn)將具體方法介紹一下，以方便遇到同樣問(wèn)題的朋友參考設(shè)置。

WordPress菜單CSS類選項(xiàng)設(shè)置方法：

1、點(diǎn)開(kāi)WordPress菜單設(shè)置頁(yè)面右上角“顯示選項(xiàng)”，勾選里面的菜單高級(jí)屬性CSS類。

2、打開(kāi)編輯正在使用的主題CSS文件，這里以WordPress默認(rèn)Twenty Ten主題為演示，其它主題修改類似，

找到菜單項(xiàng)樣式語(yǔ)句“#access ul li.current-menu-item > a,”，

大約在CSS文件中的第436句左右。我們將其復(fù)制并稍微修改一下，

創(chuàng)建一條新的樣式語(yǔ)句供設(shè)置菜單項(xiàng)目調(diào)用。

如修改新建這么一句“#access ul li.current-menu-item-41 > a {color: #ffff66;}”，

藍(lán)色字體為添加部分，你也可以隨意取名。

將它添加到該樣式塊段落的最后面，如果位置添加不當(dāng)，可能會(huì)出現(xiàn)無(wú)法顯示效果或設(shè)置菜單鏈接前面的鏈接也應(yīng)用這條樣式，具體添加位置如下（Twenty Ten主題示例）：

#access ul li.current_page_item > a,

#access ul li.current-menu-ancestor > a,

#access ul li.current-menu-item > a,//原菜單項(xiàng)樣式

#access ul li.current-menu-parent > a {

color: #fff;

}

#access ul li.current-menu-item-41 > a {color: #ffff66;}//新建菜單項(xiàng)樣式添加位置，這條樣式設(shè)置了鏈接顏色為#ffff66，你可以隨便修改，當(dāng)然也不限于顏色設(shè)置，可以是文字加粗，文字大小等其它CSS設(shè)置。

3、上面CSS修改保存后，回到WordPress菜單設(shè)置頁(yè)面，

在需要設(shè)置的菜單項(xiàng)目CSS類中填入上面新建的current-menu-item-41樣式名稱保存即可，如下圖：

這樣就完成了，WordPress菜單CSS類選項(xiàng)設(shè)置成功。