如何将引导程序link_to更改为导航栏上的颜色

Question

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

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

到目前为止，我有

.brand
   = link_to "PROJECT_NAME", root_path

但它仍然是蓝色的：(

Answer 1

这对我有用（ 部分代码来自Michael Hartl的rails教程 ）：

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

Answer 2

如果只想将一个类添加到link_to元素，则需要在逗号后添加它。

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

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

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