更改当前菜单项背景

时间:2013-10-01 08:10:28

标签: css wordpress menu background menuitem

我发现了一个相关的问题,但我无法从中获得帮助: Changing current-menu-item in Wordpress

代码: 我正在使用此代码在WordPress中显示导航菜单。

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>

CSS:

#header-menu ul.menu li:hover > a,
#header-menu ul.menu a:focus,
#header-menu .menu .current-menu-item > a,
#header-menu .menu .current-menu-ancestor > a,
#header-menu .menu .current_page_item > a,
#header-menu .menu .current_page_ancestor > a {
    background-color: #000;
    color: #fff;
}

问题: 我想更改当前菜单项的背景颜色,但是当我选择下一页时,它不会改变菜单项的颜色。

1 个答案:

答案 0 :(得分:0)

您必须在每个页面中添加CSS规则,以便为HTML元素指定样式。

因此,如果您将CSS放入文件并且 将其包含在需要样式的所有页面中 ,那就更好了。

因此,请将CSS规则保存在文件中 1.css

在HTML页面 <head> 部分写下以下声明 -

<link rel="stylesheet" type="text/css" href="1.css">