HTMLの一部のデザインを変更したい時によく使う class=""や id=””。

CSSの記述の時は .~{}のやつね。

その~(これ、セレクタって名前ね)の名前を付ける時は注意すべきことがある。

使えるものが制限されているからだ。

セレクタ名(class="~"の~の部分のことね)で使えるのは

  • 半角アルファベットと半角数字のみ
  • 記号は-(ハイフン)と_(アンダースコアって名前ね)の2つだけ
  • 1文字目は必ずアルファベットにしないといけない
    →数字とか記号を1文字目に持っていくのはNG

ってことだ。

そして、ハイフンやアンダースコアという記号も数字も、全部半角でないといけない。

全角はNGなのだ。

だから<div class="52head">

ってのは数字が先頭に来ちゃってるからダメ。

<div class="head52">ならOKってことだ。

ちなみに名前の付け方も覚えやすく、わかりやすいようにした方が後で楽だから、という理由で

ヘッダーで使う部分は class="header"とか、フッターで使う部分はclass="footer"って名前をつけたりするといいらしい。

おすすめの記事