更改文本顏色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

回答

相關問題