2014-09-13 129 views
2

我想換鏈接的字體顏色在引導導航欄時,一定條件下適用。但是,無論是否應用新的CSS規則,似乎都會使用導航欄鏈接的默認字體顏色。改變一個元素的字體顏色導航欄引導

我已經設置了一個bootply來說明我的方法:

example

我使用的引導2.3.2。是否可以更改引導程序導航欄中的一個元素的字體顏色?

回答

1

jsfiddle

<div class="navbar"> 
     <div class="navbar-inner"> 
     <a class="brand" href="#">Title</a> 
     <ul class="nav"> 
      <li class="active"><a class="red" href="#">Home</a></li> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
     </ul> 
     </div> 
    </div> 
.red 
{ 
    color:#ff0000 !important; 
} 
2

對於一個或多個鏈接有不同的顏色比頁面的其餘部分:

有這樣做的兩種方法:

1)配售字體標記在`和標籤之間。 這種方法將在所有的瀏覽器,除了MSIE 3

2)使用的標籤風格設置。 此方法適用於MSIE3和更新的瀏覽器。

第一種方法是這樣的:

<a href="#"><font color="FF00CC">HOME</font></a> 

第二種方法是這樣的:

一般:

<a href="#" style="color: rgb(0,255,0)">HOME</a> 
0

要爲網頁上的所有鏈接定義顏色文本鏈接的顏色在<body>標記中指定,如在下面的例子:

<body link="#C0C0C0" vlink="#808080" alink="#FF0000">

鏈接 - 標準鏈接 - 訪問者尚未訪問過的頁面。 (標準顏色是藍色 - #0000FF)。

虛連接 - 訪問過的鏈接 - 到一個頁面訪問者來過。 (標準顏色是紫色 - #800080)。

ALINK - 活性鏈路 - 鏈路的顏色當鼠標就可以了。 (標準顏色是紅色 - #FF0000)。