更改文本颜色CSS3

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

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; 
}

字体颜色总是灰蒙蒙从来没有别的。

来源

2015-02-09 Nick

我觉得.navbar品牌有它内部的''标签。如果是这种情况，您需要引用''标签来更改颜色。 – 2015-02-09 23:45:04

.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来定义它，这样无论放置规则的位置如何，都可以使用它。

来源

2015-02-10 00:17:50

谢谢，修正了它。 – Nick 2015-02-12 04:39:57

你不打span标签，你需要做的是这样的：

.navbar-brand span{ 

    color:green; 

}

来源

2015-02-09 23:47:17

.navbar品牌并不存在，但如果你将其更改为正确的范围，但仍然看到一个问题，按照Anders的建议将目标标签定位。

来源

2015-02-10 00:06:16 stacigh

总是可以将ID标签分配给需要更改的任何文本。

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

或者，如果你想打所有的元素，然后做像其他海报说，针对标签

来源

2015-02-10 03:44:30

更改文本颜色CSS3

回答

相关问题