cssが効かない!ときにチェックすること

CSSが効かない

CSSが効かないことはよくある。

大事なのはそんな問題はさっさと解決することだ。

CSSが効かなかったのがWindows端末Chromeのとき

効かせたい要素を右クリックして「要素を検証」

開発者ツールで見ることそのいち

競合するCSSにうちけされていないか

打ち消されていたら、競合するCSSの方を直すか、競合するCSSより下にかくか、競合するCSSより詳細度をあげる。(どうにもならなければ important)

そもそも書いたはずのcssが表示されないとき

CSSファイルないにその記述があるかを確認。

class名などのselectorを間違えていないか?

アップロード済のファイルにその記述があるか確認。

そもそもそのCSSはページないで読み込まれているか確認。

  1. CSSファイルないにスラッシュ二つのコメントアウトがないか確認。