子孫セレクタ(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; }
目的別属性
広告