HTMLの一部のデザインを変更したい時によく使う class="~"や id=”~”。
CSSの記述の時は .~{}のやつね。
その~(これ、セレクタって名前ね)の名前を付ける時は注意すべきことがある。
使えるものが制限されているからだ。
セレクタ名(class="~"の~の部分のことね)で使えるのは
- 半角アルファベットと半角数字のみ
- 記号は-(ハイフン)と_(アンダースコアって名前ね)の2つだけ
- 1文字目は必ずアルファベットにしないといけない
→数字とか記号を1文字目に持っていくのはNG
ってことだ。
そして、ハイフンやアンダースコアという記号も数字も、全部半角でないといけない。
全角はNGなのだ。
だから<div class="52head">
ってのは数字が先頭に来ちゃってるからダメ。
<div class="head52">ならOKってことだ。
ちなみに名前の付け方も覚えやすく、わかりやすいようにした方が後で楽だから、という理由で
ヘッダーで使う部分は class="header"とか、フッターで使う部分はclass="footer"って名前をつけたりするといいらしい。