CSS: !important 不要覆盖其他规则

Question

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

• 颜色：hsl(0, 0%, 60%);
• .navbar-inverse .navbar-brand - #999
• a - #428bca
• a:-webkit-any-link - -webkit-link
• 导航 - 红色！重要
• 身体 - #333

!important怎么可能被类选择器的样式覆盖以及如何使我的字体变红？

（答案是 !important 仅覆盖您应用它的同一元素上的样式。它不会使元素的后代继承它） - 来自评论。

Answer 1

尝试这个：

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