IDセレクタ

概要

HTML 文書において、 CSS の ID セレクタは、セレクタで与えられた値に正確にマッチする、要素の ID 属性の内容に基づいて要素を選択します。

構文

#id_value { style properties }

これは以下の属性セレクタに相当することに注意して下さい。

[id=id_value] { style properties }

例

span#identified {
  background-color: DodgerBlue;
}

これを、

  <span id="identified">テキストを伴った span 要素です。</span>
  <span>別な span 要素です。</span>

とすると、以下のように表示されるでしょう。

テキストを伴った span 要素です。
別なspan要素です。

仕様

ブラウザの互換性

参照

• ---