スタイルシート(CSS)がうまく反映されない、おかしなところがわからない場合

  • 投稿 : 2017-07-28
・全角のスペースが混じっている
・閉じかっこ「}」がない
・セミコロン「;」が抜けている
・コメント行に//を使っている(//はCSSではコメント行ではない)
・コメント/* */の中に、また/* */がかかれている(ネストはできない)
・その他

素人がアプリなどを使わないでCSSをいじるときに失敗しがちな点です。
上記の場合は、その個所以降のスタイルがうまく反映されないという現象が起こりえます。

簡易なチェックの仕方

css-validator01.jpg

W3C CSS 検証サービス

Wordpresでもはてなブログでも同じです。スタイルシートを貼り付けてみて、エラーになった個所周辺をみておかしなところがないかを確認します。最初は全部貼り付けたらよいと思う。

css-validator02.jpg

こんな感じで出てきます。
「文法解析エラーが発生しました」周辺をみるのがよいかとは思う。

スポンサーリンク
タグ#CSS