html - 如何在 Bootstrap 上更改事件颜色？

Question

<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;

大家好，我想将我的事件颜色更改为其他颜色 我已经尝试了一些在堆栈溢出时发现的修复方法，但它不起作用。你们能帮帮我吗？

Answer 1

您的选择器似乎不正确:

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

这将匹配 <a> *.active 的子标签<navbar-right> 的子元素那是 <navbar-nav> 的 child 那是 *.nav 的 child 元素。

也许您正在寻找:

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

这将适用于 <a> *.active 的子标签*.nav.navbar-nav.navbar-right 的子元素元素。