子孫セレクタ

by 2 contributors:

概要

子孫セレクタは、 2 つのセレクタとその間に置いた半角スペース(または連続した半角スペース)で表現され、第 1 セレクタにマッチする要素の子孫要素のうち、第 2 セレクタにマッチするものを選択します。子孫セレクタは子セレクタに似ていますが、マッチした要素間の厳密な親子関係を必要としません。

構文

selector1 selector2 { style properties }

span { background-color: white; }
div span { background-color: DodgerBlue; }

これは次のマークアップで

<div>
  <span>Span 1.
    <span>Span 2.</span>
  </span>
</div>
<span>Span 3.</span>

次のように表示されるでしょう。

Span 1. Span 2.
Span 3.

仕様書

仕様書 策定状況 コメント
CSS Selectors Level 3 勧告  
CSS 2.1 勧告  
CSS 1 勧告  

ブラウザ実装状況

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

関連情報

  • ---

ドキュメントのタグと貢献者

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