CSS基礎 練習問題 36：CSSセレクタ：ID属性への指定
次のHTMLにおいて、id属性を持つdiv要素に対してスタイルを適用したい場合、正しいCSSセレクタの書き方はどれか。
```html
<div id="header">ヘッダー部分</div>
```
- #header { color: blue; }
- .header { color: blue; }
- header { color: blue; }
- *header { color: blue; }
- $header { color: blue; }
正解と解説を見る
正解：#header { color: blue; }
id属性に対してスタイルを適用する場合は、記号「#」に続けてid名を記述するIDセレクタを使います。
【正解の理由】
#header { color: blue; }のように「#」+id名で指定すると、id="header"を持つ要素にスタイルが適用されます。
【不正解の理由】
• 「.header」：ドットで始まるのはclass属性を対象とするクラスセレクタであり、id属性には反応しない
• 「header」：これは要素名（タグ名）としてのheader要素を指すセレクタであり、id属性ではなくタグ名がheaderの要素に適用される
• 「*header」：アスタリスクは全称セレクタの記号であり、このような結合の仕方はCSSの構文として無効
• 「$header」：$はCSSセレクタの記号として定義されておらず、無効な記述