我想在活动状态下更改顶部导航的每个项目的颜色:
例如,在给定的页面上,以及与此相关的类别页面,当用户在该页面上时,我希望名为“Thought Piece”的标题导航为紫色。
目前我有:
builder-module-navigation li a,
.builder-module-navigation li.current_page_item li a,
.builder-module-navigation li.current-cat li a {
font-size: 12px;
padding: 0.2em .7em;
line-height: 1.5em;
color: #666;
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration: none;
background: transparent;
text-transform:uppercase;
}
我认为这可以解决问题,但事实并非如此:
.builder-module-navigation li.current_page_item #menu-item-78 li a,
.builder-module-navigation li.current-cat #menu-item-78 li a {
color:#9900cc;
}
如何正确定位特定类?
答案 0 :(得分:1)
你需要使用一些PHP来完成它,如WordPress Codex中所述。
相关函数是is_page()
,用于确定您所在的页面以及将动态CSS属性写入HTML的一些简单PHP逻辑。
答案 1 :(得分:0)
更容易使用<body <?php body_class(); ?>>
查找当前页面和CSS。请参阅http://codex.wordpress.org/Function_Reference/body_class和Wordpress wp_nav_menu help
答案 2 :(得分:0)
如果您使用内置菜单模块,它会自动将一类电流添加到正确的链接。
了解如何使用自定义菜单here。