CSSの表示が反映されないときの注意点についての備忘録です。
chromeで確認すると確かにCSSファイルを読み込んでいる。
CSSの記述も間違っていない、といったときに
CSSのmediaについての注意点
ちゃんとファイルが指定されているなら、mediaの部分を確認すると良いです。
私の場合はこのmediaの指定がprintになっていたために、ページで反映されていませんでした。
mediaについては以下の3種類をおさえておけば良いでしょう。
- all：すべての属性を持つ
- screen：webページでの表示の際に適用
- print：印刷した場合に適用
ブラウザで表示したければ、allかscreenでOKですね。
最悪指定をしないというのもアリだと思います。