wordpress纯css代码实现当前页导航高亮显示

今天分享一下wordpress如何实现当前页导航高亮显示。网上依然有很多教程，大概搜了下，许多用的都是js或者插件。感觉高亮显示的话，用这个就不太不划算了，对seo不利而且还麻烦。在效果实现上，本人一直坚守着能用css不用js，能用js，不用插件。在功能实现上一直本着能用高效率代码，就不用低效率的，能用低效率的，就不用插件。插件基本上一律不用。比如，前台个人中心页面的实现，前台登录等等。网上有很多这样的教程。可以慢慢去看。话不多说。代码如下:

nav .nav-left li.current-menu-item a,
nav li.current-menu-parent a,
nav li.current_page_item a,
nav li.current-post-ancestor a{background:#333;color:#fff;}

其中nav指的是元素名，换成自己导航的元素名就OK了。利用这短代码可以实现很多高亮效果。比如给大括号加上如下代码:

{border-bottom:3px solid #37a;}
实现如下类似效果（那个红色边线，#37a为蓝色）:
如果觉得边框离文字太近，可以加上:
｛padding-bottom:5px｝

这样就只用css实现当前页导航高亮显示了。是不是很方便。