IDセレクタ 【ID selector】

概要

IDセレクタ（ID selector）とは、CSSのセレクタの一つで、要素に設定されたid属性の値に基づいて選択を行うもの。「#ID」のように先頭を「#」(シャープ/ナンバーサイン)にする。

Webページの見栄えを記述するCSS（Cascading Style Sheet）では、「セレクタ {スタイル}」という記法を基本とし、セレクタで指定した要素に対してスタイルを適用する。要素を何に基づいて選択するかによっていくつかのセレクタが用意されている。

IDセレクタは「#」で始まるセレクタで、指定された値がid属性の値に一致する要素を選択する。例えば、「#page-title」と記述すると、HTMLファイル内で「id="page-title"」と設定されている要素が選択される。

セレクタは「,」（カンマ）で区切って複数指定することもでき、「#page-title, #page-subtitle {スタイル}」と記述するとid属性がpage-titleの要素とpage-subtitleの要素の両方に対してそのスタイルが適用される。