<div class = "navbar navbar-inverse navbar-static-top">
                <div class = "container">
                <a href= "#" class = "navbar-brand">#</a>
                <button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
                        <span class = "icon-bar"></span>
                        <span class = "icon-bar"></span>
                        <span class = "icon-bar"></span>
                    </button>
                <div class  = "collapse navbar-collapse navHeaderCollapse">
                <ul class = "nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>




.nav navbar-nav navbar-right .active a {
color: yellow;


嗨,大家好,我想将我的活动颜色更改为其他颜色,我已经尝试过一些我在堆栈溢出时发现的修复程序,但是它不起作用。你们可以帮我吗?

最佳答案

您的选择器似乎不正确:

.nav navbar-nav navbar-right .active a {
    color: yellow;


这将匹配<a>标记,该标记是*.active元素的子元素,而<navbar-right>元素是<navbar-nav>的子元素,而*.nav元素是<a>的子元素,而*.active元素是*.nav.navbar-nav.navbar-right元素的子元素。

也许您正在寻找:

.nav.navbar-nav.navbar-right .active a {


这将应用于标记,该标记是元素的子元素,而元素是元素的子元素。

关于html - 如何更改 bootstrap 上的事件颜色?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31840126/

10-12 12:59
查看更多