CSSの表示が反映されないときの対処法です。
- CSSファイルの指定は正しい
- CSSの記述も間違っていない
- ChromeのデベロッパーツールからもCSSファイルを確認できる
といったときの原因はmedia属性にあるかもしれません。
【CSS】デザインが反映されない場合【media属性は合っていますか？】
ちゃんとファイルが指定されているなら、media属性の部分を確認すると良いです。
<link rel=’stylesheet‘ href=’link‘ type=’text/css‘ media=’all‘ />
私の場合はこのmedia属性の指定がprintになっていたために、ページで反映されていませんでした。
media属性については以下の3種類をおさえておけば良いでしょう。
- all：すべての属性を持つ
- screen：webページでの表示の際に適用
- print：印刷した場合に適用
ブラウザで表示したければ、allかscreenでOKですね。指定をしないというのもアリだと思います。