Thymeleaf使用時にcssが適用されない問題

SpringBootでの開発で、cssファイルが適用されなかったときの備忘録。

原因

原因は大体この二つのどちらかです。

1.普通にcssの構文が間違っている

• ;が足りない
• {}が閉じてない
• .class{...}のドット忘れ
• #id{...}のシャープ忘れ

2.パスが間違えている

SpringBootでは、cssファイルは、resouses/static/css/の中に入れなくてはいけません。

　だめ

src/main/
┣ java
┗ resouses
    ┗ templates
        ┣ index.html
        ┗ css
           ┗ style.css

　おっけー

src/main/
┣ java
┗ resouses
    ┣ static
    ┃   ┗ css
    ┃　　　　　　　　　　　　┗ style.css
    ┗ templates
        ┗ index.html