Question

当某些条件适用时，我想更改引导导航栏中链接的字体颜色。但是，无论我是否应用新的CSS规则，似乎都会使用导航栏链接的默认字体颜色。

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

example

我正在使用bootstrap 2.3.2。是否可以在引导导航栏中更改一个元素的字体颜色？

Answer 1

对于一个或多个链接，其颜色与页面的其余部分不同：

有两种方法可以做到这一点：

1.）在`和标签之间放置字体标签。此方法适用于除MSIE 3以外的所有浏览器。

2.）在标签中使用样式设置。此方法适用于MSIE3和更新的浏览器。

第一种技术看起来像这样：

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

第二种技术看起来像这样：

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

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

Answer 3

为页面上的所有链接定义颜色：

文字链接的一般颜色在<body>标记中指定，如下例所示：

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

链接 - 标准链接 - 访问者尚未访问的页面。（标准颜色为蓝色 - ＃0000FF）。

vlink - 访问过的链接 - 访问者之前访问过的页面。（标准颜色为紫色 - ＃800080）。

alink - 活动链接 - 鼠标在其上时链接的颜色。（标准颜色为红色 - ＃FF0000）。

更改引导程序导航栏中一个元素的字体颜色

3 个答案: