如何在导航栏上更改引导链接到颜色答案

【问题标题】：How to change bootstrap link_to color on navbar如何在导航栏上更改引导链接到颜色
【发布时间】：2013-06-09 12:10:43
【问题描述】：

如何更改导航栏上的 link_to 颜色使其看起来像这样；

<a class='brand' href='#'>PROJECT_NAME</a>

目前为止

.brand
   = link_to "PROJECT_NAME", root_path

但它仍然是蓝色的:(

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap ruby-on-rails-4 twitter-bootstrap-rails

【解决方案1】：

这对我有用 (part of the code is from the rails tutorial by Michael Hartl)：

<%= link_to "delete user", user, method: :delete,
      data: {confirm: "Are you sure you want to delete this user?" }, class: 'delete' %>

然后在我的 custom.css.scss 文件中我有：

li {
    overflow: auto;
    padding: 10px 0;
    border-bottom: 1px solid $gray-lighter;
    a:link {
      &.delete {
        color: red;
      }
    }
  }

【讨论】：

【解决方案2】：

如果你只是想给link_to元素添加一个类，你需要在逗号后面加上。

= link_to "PROJECT_NAME", root_path, class: 'brand'

但根据我使用 Bootstrap 的经验，我认为它不会改变你的颜色。因此，您需要将 !important 添加到 CSS 文件中的 .brand 类中，以覆盖默认的 Bootstrap 颜色。或者您可以像这样对其进行硬编码（以避免!important 条件）：

.navbar .nav > li > a {
  &.brand {
    color: #color;
  }
}

【讨论】：

它没有帮助。我可以使用 !important 更改品牌类中的字体大小，但它不适用于颜色属性，不知道为什么；/
我刚刚检查了我的引导项目。一切正常。您的brand 是否属于a 元素，而不是li？你能用brand 和它的父元素展示你的CSS 吗？并通过此链接输出您的浏览器？