Css 为什么不是'；是否应用了我的活动选项卡样式？

我正在使用引导选项卡，它工作得非常好。我已经使用CSS将边框颜色添加到活动选项卡中，但当我单击选项卡时，边框颜色绿色闪烁。如何为活动边框设置永久边框颜色

我试过下面的代码

<ul class="nav nav-tabs">
    <li class="active">
        <a data-toggle="tab" href="#firstTab">View All</a>
    </li>
    <li>
        <a data-toggle="tab" href="#secondTab">Add New</a>
    </li>
</ul>

<div class="tab-content">
    <div id="firstTab" class="tab-pane fade in active">
        Tab 1 Content
    </div>
    <div id="secondTab" class="tab-pane fade in ">
        Tab 2 Content
    </div>
</div>

---

试试这个代码。希望它能帮助你。我在css文件的底部添加了一些代码。并用注释表示它们

ul.nav.nav-tabs{
利润率：10px 0px；
}
ul.nav.nav-tabs li:未（.active）a{
背景色：#eeeeee；
颜色：灰色；
}
/*我的代码从这里开始*/
ul.nav.nav-tabs li{
边框顶部：5px实心透明；
}
ul.nav.nav-tabs li.active{
边框顶部：5px实心#16a765；
}
/*我的代码到此结束*/

表1内容
表2内容

试试这段代码。希望它能帮助你。我在css文件的底部添加了一些代码。并用注释表示它们

ul.nav.nav-tabs{
利润率：10px 0px；
}
ul.nav.nav-tabs li:未（.active）a{
背景色：#eeeeee；
颜色：灰色；
}
/*我的代码从这里开始*/
ul.nav.nav-tabs li{
边框顶部：5px实心透明；
}
ul.nav.nav-tabs li.active{
边框顶部：5px实心#16a765；
}
/*我的代码到此结束*/

表1内容
表2内容

您将

:active

伪选择器（通常与链接和按钮关联）与引导应用于当前所选选项卡的

.active

类混淆了

ul.nav.nav-tabs li.active a { /* <-- dot, not colon */
   border-top: 30px solid #16a765;
}

---

ul.nav.nav-tabs li.active a{/*您将
：active
伪选择器（通常与链接和按钮关联）与引导应用于当前选定选项卡的
.active
类混淆

ul.nav.nav-tabs li.active a { /* <-- dot, not colon */
   border-top: 30px solid #16a765;
}

ul.nav.nav-tabs li.active a{/*你说的“闪烁”是什么意思此外，这主要是一种观点，但为什么您有
：而不是
选择器？为什么不在
li
中设置
a
的样式，然后在
li
具有
活动
类时使用更新的属性调整
a
？什么是“闪烁”此外，这主要是一种观点，但为什么您有
：而不是
选择器？为什么不在
li
中设置
a
的样式，然后在
li
具有
活动
类时，使用更新的属性调整
a
？