wordpress導航菜單默認沒有我要的高亮與增加欄目之間的分隔符效果了,如果要實現我們是需要簡單的設置一下,下面小編就來為各位介紹導航菜單的當前菜單高亮顯示與添加分隔符例子.

wordpress導航當前菜單高亮顯示

下面這句是wordpress自帶的導航高亮:

#nav .current-menu-item,#nav .current-menu-parent{background:#000000;}

上面代碼中的#nav 是導航菜單中標簽,通過上面的CSS代碼,就可以讓 #nav 標簽里的 正在訪問的 li 標簽在前臺高亮顯示.

導航菜單怎樣添加分隔符？

效果:菜單之間有分隔符,整個菜單最前或最后不要顯示分隔符,只需通過下面的css代碼就可以完成.

1. .read_footer_menu li{ float:left;font-size:14px; line-height:10px; margin-bottom:15px;padding:0 8px 0 8px; border-left:1px solid #888888; } 
2. .read_footer_menu li:first-child{ padding:0 8px 0 0px; border-left:0px solid #888888; } 

第一句:給每一個菜單 li 添加一個左邊框,并且將 li 的行高小于字體的高度.

第二句:通過li:first-child 給第一個菜單取消左邊框.