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要素です。

仕様

仕様 状態 コメント
CSS Selectors Level 3 勧告  
CSS 2.1 勧告  
CSS 1 勧告  

ブラウザの互換性

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本的なサポート (有) (有) (有) (有) (有)
機能 Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本的なサポート ? ? ? ? ? ?

参照

  • ---

Document Tags and Contributors

Contributors to this page: ethertank, sii
最終更新者: ethertank,
サイドバーを隠す