如何將引導程序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;
  }
}