CSSを変えても変わらないは、どうして? | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

Q CSSを変えても変わらないは、どうして?


答え CSSを変えたら、自分のブログを開いてF5を押す必要があります。
   または、CSSに間違えがあるためと考えられます。


① CSSを変えたら、自分のブログを開いてF5を押す必要があります。

  F5を押す意味は下記を参照
  http://ameblo.jp/new-blue-777/entry-11142937784.html


② CSSに間違えがあると、変わらない場合があります。
  下記はよくある間違えです。

A CSSの最後に } が足りない。
  例・・・下記の赤い部分が足りないと、そこから後ろのCSSが無視(無効)されます。



.skinMainArea{
height:300px;
overflow:auto;
}


B 自分がわかりやすい様に注釈(コメント)などをつける場合、
  /* と */ で囲む必要があります。
  囲まないと、その下のCSS、1つが無視(無効)されます。


● 例・・・黄色の部分が無視(無効)されます。

記事
.skinMainArea{
height:300px;
overflow:auto;
}
.skinMainArea{
color:#ff00ff;
}


● 正しい例

/* 記事 */
.skinMainArea{
height:300px;
overflow:auto;
}
.skinMainArea{
color:#ff00ff;
}