ASP.net MVC 导航栏品牌到标题文本颜色

令人惊讶的是，要找到这个问题的答案并不容易：

我想更改标题中所有操作链接的文本颜色。 我试过这段代码：

CSS:

.navbar-brand { color: black }
.navbar-brand:visited { color: black }
.navbar-default-color { color: black }

CSHTML:

    @Html.ActionLink("Home", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
</div>
<div class="navbar-collapse collapse">

    <ul class="nav navbar-nav">

        <li>@Html.ActionLink("Senders", "Index", "Senders", new { @class = "navbar-brand" })</li>
        <li>@Html.ActionLink("Responders", "Index", "Responders", new { @class = "navbar-brand" })</li>  

    </ul>

我的标题中的所有 ActionLink 都继承了样式导航栏品牌。但只有HomeActionLinks 获取其文本颜色变化。 （见图）https://i.stack.imgur.com/lOsw8.png https://i.stack.imgur.com/lOsw8.png

请注意，ActionLinksdo事实上继承文本大小和字体。除了该死的文字颜色之外的一切！

如何使用 CSS 更改其他 ActionLink 丑陋的灰色？

抱歉问了个愚蠢的问题，但是为什么这不起作用呢？

最简单的方法：

.navbar-brand { color: black !important }
.navbar-brand:visited { color: black !important }
.navbar-default-color { color: black !important }
.navbar-inverse { color : #FFFFFF !important }

我相信发生这种情况是因为li元素有自己的样式，CSS 规则首先从元素选择器获取样式，然后从类选择器获取样式。

您可以使用 Chrome -> F12 -> Inspect element 观看此内容