子孫セレクタ

子孫セレクタ

簡単な用語の解説

子孫セレクタは、ある特定要素の子孫にあたる要素のみにマッチします。

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

A B { color: red } /* A,Bの間に半角スペース */

このとき、A要素をB要素の祖先要素といい、B要素をA要素の子孫要素といいます。

子孫セレクタはA要素を祖先要素とするB要素にマッチします。

div.day h3 { color: red }

この場合、div.dayを祖先要素とするh3だけが赤字になり、それ以外の場所に存在するh3は赤字になりません。

はてなダイアリーデザインするにあたって、子孫セレクタのお世話になることはものすごく多いです。

Error : RSSが取得できませんでした。 Error : RSSが取得できませんでした。