css　文字色変わらない

Q&A

railsで実装中です。
エラーメッセージの文字色を変えたいのですが色が変わりません何故なのでしょうか？
教えて頂きたいです。

.form-error {

 color: red;
}

  <div class="form-error">
     <%= message %>
  </div>

1Answer

既についているcssの優先順位が高くそのcssが打ち消されているのかもしれないですね。
以下の2パターンは優先順位が高いのでそれぞれで赤くなるか試してみてください。

.form-error {

 color: red!important;
}

もしくは

 <div class="form-error" style="color: red;">
     <%= message %>
  </div>

1Like

@th_9plus
Questioner
変更してみましたが変わらずです。
<body>の中にあってそっちの方が優先順位が高いのかもです
@masaki-engineer
なぜでしょうね。。。
そうしたら、ブラウザの開発者ツールで要素を見てみるといいかと思います。
クラスが反映されているか、優先度が高いcssが設定されていないかなどが確認できます。
@th_9plus
Questioner
ありがとうございます！
解決しました！