ruby-on-rails - 如何在导航栏上更改引导链接到颜色

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 文件中添加!important到您的.brand类以覆盖默认的引导颜色。或者您可以像这样对其进行硬编码（以避免出现!important条件）：

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