

Railsではstylesheetsディレクトリ配下にapplication.cssがあればそれだけで自動的に反映されると言われますが、全く反映されません。何が問題ですか？

特にこれといったエラーは全くありません。  
ちなみにHTMLは面倒くさいのでERBじゃなくて普通のHTMLです。  
もちろん個別じゃなくてviewごとのHTML全体に反映するapplication.cssを適用したいです。  
Railsのバージョンは7.0.6です。  
解決策をお願いします。

一応application.cssの中身

[![一応application.cssの中身](https://i.stack.imgur.com/j2tCd.png)](https://i.stack.imgur.com/j2tCd.png)


CC BY-SA 4.0
2023-09-10T16:18:48.500
96175
2023-09-14T02:06:23.720
2023-09-14T02:06:23.720
19110
59739
question
ruby-on-rails ruby
Railsで自動的に反映されるはずのCSSが反映されない


Rails 7.0 の場合、`rails new` した直後の状態では app/views/layouts/application.html.erb に
`<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>`
のような記述が[あるはずです](https://github.com/rails/rails/blob/7-0-stable/railties/lib/rails/generators/rails/app/templates/app/views/layouts/application.html.erb.tt)。`"data-
turbo-track": "reload"` があるかどうかは Hotwire (Turbo)
を使っているかで変わります。まずこれがあるかを確認してください。まったくスタイルが反映されないということであれば、application.css
を読み込めていない可能性があります。

これがあるのにスタイルが反映されない場合、ブラウザで HTML ソースを見たときに application.css を読む `<style>`
タグがあるか確認してください。これが無かったり、あっても CSS
の内容がおかしい場合、何かしら設定がデフォルトから外れていてうまく動いていません。怪しいのはアセットパイプラインなので、設定やコマンドに間違いがないか確認してみてください:
<https://railsguides.jp/v7.0/asset_pipeline.html>。

application.css を読み込んでいて、その中身も意図したものになっているのにスタイルが反映されない場合、HTML か CSS
の実装がおかしいです。打ち間違いが無いかなどを確認してください。


CC BY-SA 4.0
2023-09-13T04:05:19.473
96200
2023-09-13T04:05:19.473
19110
96175
answer