ASP.net MVC navbar-brand 到标题文本颜色答案

【问题标题】：ASP.net MVC navbar-brand to header text colorASP.net MVC navbar-brand 到标题文本颜色
【发布时间】：2014-11-19 17:08:40
【问题描述】：

令人惊讶的是，这个问题没有容易找到的答案：

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

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 都继承了 navbar-brand 的样式。但只有 Home ActionLinks 的文本颜色发生了变化。（见图） http://i.imgur.com/L0HjMk2.png

请注意，ActionLinks 确实实际上继承了文本大小和字体。除了血腥的文字颜色之外的一切！

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

对不起，这个愚蠢的问题，但为什么这不起作用？

【问题讨论】：

试试.navbar-brand { color: black !important}
可能有一个更具体的选择器来设置它的样式。这根本不是一个真正的 MVC 问题。这更像是一个 Bootstrap/CSS 问题。

标签： css asp.net-mvc navbar

【解决方案1】：

最简单的方法：

.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 观看此内容

【讨论】：

你，先生。是人中之王。