子孫セレクタ(Descendant selectors)

子孫セレクタは,ある特定要素の子孫(下位の階層)にあたる要素のみをマッチさせたい場合に用います。

子孫セレクタは,空白類文字で区切られた2つ以上の単純セレクタから構成されます。

例えばAB という形式の場合,A要素を祖先要素とする任意のB要素にマッチします。

次例は,h1要素の内容に含まれるem要素のみにマッチします。

h1 em { font: italic bold 120% serif; }

<h1>This headline is<em>very</em> important</h1>

次例の規則は,body の孫かそれより深い子孫部にあるp要素にマッチします。

body * p { line-height: normal; }