占ツクCSS辞典【全体公開】 (ページ44)

今日:4 hit、昨日:202 hit、合計:881,090 hit

トラブル解決編１ページ44

CSSを使っていると、「反映されない！」ということはよくありますよね。
それはたいていミスが原因です。

ということで、CSSで陥りやすいミスを紹介していきます。
もし反映されないというミスがあったら、ここで紹介していることを確認してみて下さい。

1. 記号・単語ミス
}や;を忘れたり、:と;を間違えたりすると機能しません。
あとはカラーコードの#忘れもよくやります。

2. 全角になっている
CSSは半角で書く決まりがあります。
例えばカラーコードの#が、全角の＃になっていては変わりません。
!importantの!が全角の！になっていても同じです。
また、スペース(空白)も全角が入っていては上手くいきません。

＊全角？半角？
一般的に、日本語入力時は全角、英語入力時は半角です。
全角はEnterキーを押して確定させますが、半角はEnterを押さなくても良いですよね。
全角→＊｛｝！()
半角→*{}!()

3. コメントのミス
/* コメント */
このコメントがきちんと/と*で囲まれていないと、CSSに支障をきたします。
そして最近知ったのですが、正しいコメントアウトの仕方がありました。

*/の閉じる直前に全角があると、コメントとして機能しないそうです。
なので、半角のスペースを入れるなどをしてからコメントを閉じましょう。
私も今まで間違った書き方をしていたので、直していきます。

半角の場合はその必要がありません。

例)
/* これは例です */
/*This is an example*/

また、コメントの閉じ忘れや書き始めのミスをすることもあるので、コメントを使うときは気をつけてください。

4. !important忘れ
設定する項目の中には!importantという強調が必要になる場合があります。
そこで!importantを忘れると変わらないので、忘れないように注意してください。

なかなか変わってくれないとき、もう一度自分のCSSをよく見直してみて下さい。
上で紹介したミスがどこかにあるはずです。

トラブル解決編２→←全体背景２