Question

我正在尝试更改此链接的文本颜色，我正在使用twitter bootstrap模板。我可以更改此文本的大小，字体，填充和背景颜色，但我无法更改它自己的文本颜色。我也在使用我上网的字体。

HTML：

 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- You'll want to use a responsive image option so this logo looks good on devices - I recommend using something like retina.js (do a quick Google search for it and you'll find it) -->
            @Html.ActionLink("Fat", "Index", new { controller = "Home" }, new { @class = "navbar-brand" })<br />
            @Html.ActionLink("Savage", "Index", new { controller = "Home" }, new { @class = "navbar-brand" })
        </div>

CSS：

.navbar-brand {
    font-family: 'TribecaRegular';
    color: green;
    font-size:xx-large;
    padding-right: 150px;
}

字体颜色始终是灰色的。

Answer 1

您没有点击span标记，您需要执行以下操作：

.navbar-brand span{

    color:green;

}

Answer 2

.navbar-brand由引导程序着色。

bootstrap使用的规则是.navbar-default .navbar-brand {...}

因此，您需要创建一个相等或更高的特异性规则

.navbar-default .navbar-brand {
    font-family: 'TribecaRegular';
    color: green;
    font-size:xx-large;
    padding-right: 150px;
}

如果它位于引导规则之后，则上述操作将起作用。

或者您可以使用.navbar-default a.navbar-brand对其进行定义，以便无论您在何处放置规则，都可以使用它。

Answer 3

.navbar-brand并不存在，但如果您将其更改为正确的范围且仍然出现问题，请将An标记作为Anders建议的目标。

Answer 4

总是可以为任何需要更改的文本分配ID标记。

.navbar-header #someID{
    color: green;
}

或者，如果您想要点击所有元素，那么就像其他海报所说的那样，定位标签

更改文本颜色CSS3

4 个答案: