改变一个元素的字体颜色导航栏引导

问题描述:

我想换链接的字体颜色在引导导航栏时,一定条件下适用。但是,无论是否应用新的CSS规则,似乎都会使用导航栏链接的默认字体颜色。改变一个元素的字体颜色导航栏引导

我已经设置了一个bootply来说明我的方法:

example

我使用的引导2.3.2。是否可以更改引导程序导航栏中的一个元素的字体颜色?

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

对于一个或多个链接有不同的颜色比页面的其余部分:

有这样做的两种方法:

1)配售字体标记在`和标签之间。 这种方法将在所有的浏览器,除了MSIE 3

2)使用的标签风格设置。 此方法适用于MSIE3和更新的浏览器。

第一种方法是这样的:

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

第二种方法是这样的:

一般:

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

要为网页上的所有链接定义颜色文本链接的颜色在<body>标记中指定,如在下面的例子:

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

链接 - 标准链接 - 访问者尚未访问过的页面。 (标准颜色是蓝色 - #0000FF)。

虚连接 - 访问过的链接 - 到一个页面访问者来过。 (标准颜色是紫色 - #800080)。

ALINK - 活性链路 - 链路的颜色当鼠标就可以了。 (标准颜色是红色 - #FF0000)。