Current menu item

时间:2014-05-18 作者:Linards Berzins

我想知道为什么我的文本没有显示出应有的白色。

我正在覆盖bootstrap.min.css 在里面style.css 这个current-menu 在Wordpress中上课,但没有成功。它高亮显示右侧选项卡,但文本颜色不变。

有人能发现问题吗?

.current-menu-item > a{
background-color:#123456;
}
.menu-item:hover > a{
background-color:#123456;
color: white;
}
我也试过这个:

.current-menu-item > a{
background-color:#123456;
}

.current-menu-item:hover{
background-color:#123456;
color: white;
}
enter image description here

2 个回复
最合适的回答,由SO网友:aj-adl 整理而成

您是否只想更改悬停时的文本颜色?

如果您只想更改文本颜色(不仅要悬停,而且要在用户处于该页面时)。

/* This targets the current page\'s menu item */
.current-menu-item > a{
background-color:#123456;
color: white;
}

/* This targets other menu items when you hover over them */
.menu-item:hover > a{
background-color:#123456;
color: white;
}
如果您需要更多的特异性,那么您可以添加.menu-item 类或正在应用的任何引导类(.nav.nav-bar 通常情况下)

所以你的第一条规则是

.menu-item.current-menu-item > a{
background-color:#123456;
color: white;
}
这仅仅是基于图片,没有看到实际的标记,很难说出来-但只需使用浏览器内置的开发工具检查元素,您应该能够轻松地看到应用了什么样式以及有什么特殊性,然后您只需制定更高的规则。

SO网友:Pieter Goosen

我怀疑您这里的问题是优先级,而不是代码。我明白了为什么您不想对引导样式表进行更改,而是将这些更改添加到主样式表中。

首先加载主样式表,因此您对引导程序所做的任何更改都将首先通过主样式表加载。

引导样式表在主样式表之后加载,因此这意味着所有更改都会被引导样式表中的默认样式覆盖,这就是为什么您看不到更改的原因。

有两种方法可以解决这个问题,一种是增加css优先级!important 所有自定义样式(我不鼓励也不喜欢使用这种方法)或创建自定义样式表并在排队时设置低优先级(例如999,必须是大于10的数字)(首选方法)。例如,创建一个自定义样式表并将其称为自定义样式。css。

function enqueue_custom_style() {
    <--- enqueue custom stylesheet --->
 }

add_action( \'wp_enqueue_scripts\', \'enqueue_custom_style\', 999 );

结束

相关推荐

Admin sidebar customization

我的新客户wordpress站点在管理侧栏中没有插件、外观或任何其他默认项。谁能告诉我这些是怎么出现的吗。该站点正在主站点的子目录中运行。它有自己的wordpress安装。主题是前面的rttheme16。提前谢谢。