css - Bootstrap リンクの色を変更する方法

Question

私はTwitterのブートストラップを使用しており、次のようなコードがあります:

<%= link_to "Create", new_something_path %>

これにより、テキストが明るい青色でレンダリングされ、リンクとして強調表示されます。

その要素を参照してcss経由で変更するにはどうすればよいですか?

score 3 · Accepted Answer

リンクにクラス名を付ける

<%= link_to 'Create', new_something_path , :class => "newsomething"%>

以下を CSS.SCSS ファイルに追加します

 a.newsomething{
      color: #000;
      &:hover {
         color: #000;
       }
     }

score 1 · Accepted Answer

ヘルパーの最後のパラメーターであるハッシュにlink_to設定することで、CSS クラスまたは ID をに追加できます。html_optionslink_to

たとえば、Ruby 1.9 ハッシュ構文を使用する場合 ( :key => 'value'Ruby 1.8 を使用する場合に変換):

CSS セレクターのみ.new-something-class:

<%= link_to "Create", new_something_path, class: 'new-something-class' %>

または CSS セレクター#new-something-idおよびとのリンク.new-something-class:

<%= link_to "Create", new_something_path, class: 'new-something-class', id: 'new-something-id' %>

.cssその後、通常どおりファイルでこの要素を参照できます。

score -1 · Accepted Answer

Twitter ブートストラップがインストールされている場合:

<%= link_to 'Create', new_something_path , :class => "btn btn-primary some-class"%>

CSS

.some-class{
   color: black;
   ....    
}

3 に答える 3