CSS-Twitter引导的红色字体

我在main.css文件中定义了一个类

.red {
  color: #d14;
}

像这样使用它

<div class="navbar">
    <div class="navbar-inner">
       <ul class="nav">
          <li class="active red">
             <a href="/admin/list"><i class="icon-leaf icon-white"></i>Admin</a>
         </li>
       </ul>
    </div>
</div>

除了main.css之外，我还导入了twitter引导css文件

---

这样就不行了。这是因为Bootstrap否决了我的颜色定义吗？

您正在定义

-标记上的红色，但没有文本。文本位于

-标记内，因此需要覆盖此规则

代码如下：

.red a {
    color: #d14;
}

.navbar .nav .active > a,
.navbar .nav .active > a:hover {
    color:#FFFFFF;
}

---

更新：按照Wesley Murch给出的答案进行操作。

标记中唯一可以可视化应用此样式的元素是

你可以使用
！重要提示
如果你真的必须遵守规则，但我真的觉得你应该尽量避免。如果这是一个具有这种风格的元素，请考虑添加一个<代码> ID >代码>，它具有很多的权重特异性：

<li class="active" id="home_link">
   <a href="/admin/list"><i class="icon-leaf icon-white"></i>Admin</a>
</li>


以下是一些关于CSS特性的好文章：





另外，请尽量避免使用诸如
red
之类的表示类名称。使用更有意义的选项，这些选项与它的外观无关，但与它是什么无关（例如，
.active link
）。
如果您想完全设计引导，而不仅仅是一个元素，请查看此站点：@JohannesKlauß也在此处：我不确定是谁创建了另一个站点，但是看起来他们不知道如何使用Twitter引导，他们的网站看起来有点混乱。@WesleyMurch这是可行的，但是你没有关于你实际改变了什么以及它与其他组件（stylebootstrap.info可以）相比的外观的实时反馈。谢谢！回答得很好。帮助我更深入地了解CSS+和它现在的工作原理。TB有一些非常具体/影响深远的CSS选择器，很难覆盖，根据我目前的经验，最好明智地选择您的战斗（或者只使用CSS配置器或更少的工具来设置您自己的样式，并使用框架而不是对抗框架）。
<li class="active" id="home_link">
   <a href="/admin/list"><i class="icon-leaf icon-white"></i>Admin</a>
</li>

#home_link a {
  color: #d14;
}