『Rails』フォームヘルパーにクラス名を付与してそこにcssを当ててあげようとしたのですが、cssが当たってくれません。ご助言お願いします。

Railsでフォームタグを作成して、そこにクラス名を付与し、そのクラス名をcssで指定し試しにcolor: red;を指定してあげましたが、どのcssファイルにも、cssが反応してくれません。下記に使用したコードを載せておきます。確認とご助言、ご教授お願いします！フォームのファイルは、_form.html.hamlというファイルに記載しました。また、viewファイルは、このような構造になっています。リンク内容
また、cssファイルは、下記リンクのような構造になっており　stylesheetのどのファイルにもsクラスのcolor: redという記載をしています。リンク内容
どなたか、ご助言、ご教授よろしくお願いします！

_form.html.haml

Rails
1= form_with(model: article, local: true) do |form|
2  - if article.errors.any?
3    #error_explanation
4      %h2
5        = pluralize(article.errors.count, "error")
6        prohibited this article from being saved:
7      %ul
8        - article.errors.full_messages.each do |message|
9          %li= message
10  .field
11    = form.label :post_date,{class: 's'}
12    = form.date_select :post_date,{class: 'a'}
13    = form.label :title,{class: "i"}
14    = form.text_field :title,{class: "u"}
15  .field
16    = form.label :content,{class: "e"}
17    = form.text_area :content,{class: ""}
18  .actions
19    = form.submit class: "a"

cssファイル

.s {
  color: red;
}

naokit-dev

2020/08/27 09:05

それ以外のCSSは適応される状態ですか？

maisumakun

2020/08/27 09:05

生成したHTMLには、クラスは付与されていますか？

winterboum

2020/08/27 10:16

そのCSSはapplication.css で取り込んでいますか

no1knows

2020/08/27 11:05

画像は、直截アップロードするようにしましょう。今後、同じような質問を検索してこの質問を見たときに、gyazoがリンク切れになっている可能性が少なからずあるためです。

suirunakamura

2020/08/27 13:09

返信ありがとうございます！application.cssは、下記のようになっています。 https://gyazo.com/91f3d09fdd239cd2f089d0a0b2dbb854 これを、みるとどれも当たっていないように見えます。デフォルトがこの状態だったようです。ここから、@importをすればよろしいのでしょうか？

suirunakamura

2020/08/27 13:12 編集

> 画像は、直截アップロードするようにしましょう。今後、同じような質問を検索してこの質問を見たときに、gyazoがリンク切れになっている可能性が少なからずあるためです。ご指摘ありがとうございます。かしこまりました。teratailのリンク機能を使わずに、そのままリンクを貼るということでしょうか？

naokit-dev

2020/08/27 13:12

上記コメントは読まれました？ CSSは全てコメントアウトされていますので反映されなくて当然です

suirunakamura

2020/08/27 13:16

> それ以外のCSSは適応される状態ですか？返信ありがとうございます！ https://gyazo.com/dbef58d5b40ce03cdce628e22bbe0289 https://gyazo.com/f849be81a0abce0d57c4c0e0d93068fa アプリケーションを作成した際に、scaffoldコマンドを実行した時のデフォルトのcssです。おそらく当たっていると思います。

suirunakamura

2020/08/27 13:17

naikit-devさん、今返信しました。確認お願いします！

suirunakamura

2020/08/27 13:25 編集

> 生成したHTMLには、クラスは付与されていますか？ maisumakunさん、返信ありがとうございました！ https://gyazo.com/e4d28cdab88a632c6bed9a9f006df424 上記urlを見てみると、s、i,u,e,aクラスは当たっています。そして、formの、labelタグとtextareaタグに、それぞれクラス名は指定しているんですが、付与できていない状態にあります！同時に、このクラス名が付与できない問題を解決したいです。どうかご助言、ご教授よろしくお願いします。