CSSを要素に適用する（セレクタの種類）/CSS/HTMLの基本を学ぶ/ウェブ作成に役立つ情報サイト/It's a long way to the top

子孫セレクタのサンプル 「A B」の場合、A以下にあるBすべてに適用されます。 タグで表現すると、<A><B>Text1</B><C><B>Text2</B></A>のときの、Text1とText2に適用されます。 これが、<A>Text1</A><B>Text2</B>の場合には、適用されません。 * { font-size:12pt; } /* 全体のフォントサイズが12ポイント */ #id .class { font-size20pt; } /* #idの子孫.classのフォントサイズは20ポイント HTMLソースでは、以下の場合の「テキスト1」と「テキスト2」に適用されます。 <div id="id"> <p class="class">テキスト1</p> <p><strong class="class">テキスト2</strong></p> </div> 子セレクタのサンプル