CSS :!重要的是不要覆盖其他规则

Question

我正在尝试更改导航栏中的字体颜色。我使用bootstrap和我自己的样式表。 我希望我的字体是红色的，所以我试图在！important 的帮助下覆盖所有其他规则（其他事情也失败了）。但颜色保持灰色。这些是Chrome开发人员工具中我元素的计算值：

• 颜色：hsl（0,0％，60％）;
• .navbar-inverse .navbar-brand - ＃999
• a - ＃428bca
• a：-webkit-any-link - -webkit-link
• nav - red！important
• body - ＃333

如何通过使用类选择器设置样式以及如何使我的字体变为红色来覆盖！important ？

（回答是！important只覆盖你应用它的同一个元素上的样式。它不会使元素的后代继承它） - 来自注释。

Answer 1

试试这个：

.navbar .navbar-nav>li>a {
    color: red;
}