Wordpress用CSS类标记菜单中当前显示的页面.current-menu-item
, .current-menu-parent
, .current-menu-ancestor
. 使用这些类添加所需样式以高亮显示项目。
示例菜单:
* Blog
* First Category
* Second Category
* About
* Contact
打开时
blog 第页,对应的菜单项(“
Blog)有一个类
.current-menu-item
. 类似地,当您打开
contact 页,相应的菜单项将具有类
.current-menu-item
.
如果你转到页面second category, 菜单项“Second Category“将有课程.current-menu-item
和“Blog“项目将具有类.current-menu-parent
.
更新(突出显示类似于悬停)突出显示“Blog“当您位于主页或其中一个类别(“音乐与派对”、“旅游与文化”等)时,请在您的网站上添加样式:
.home #menu-item-1258 > a span,
#menu-main > .current-menu-item > a span,
#menu-main > .current-menu-parent > a span,
#menu-main ul .current-menu-item,
#menu-main ul .current-menu-parent {
background-color: #37cadd;
}