CSS 複数のセレクタを指定する/絞り込むサンプル | ITSakura

複数のセレクタを対象にする場合、セクレタをカンマで区切ります。 <style> .p1,.p3{ color:red; } </style> <div class="d1"> <p class="p1">あいうえお</p> <p class="p2">かきくけこ</p> <p class="p3">ABCDE</p> </div> 2行目は、文字の色を赤くするという1つのCSSに複数のセレクタを指定しています。.p1と.p3の区切り文字はカンマです。 8行目のp1クラスと10行目のp3クラスがCSSの適用対象になります。 上記コードの実行結果は、 CSSの適用対象の文字の色が赤になっています。 階層構造の対象を絞り込む(セレクタの区切り文字が空白) 階層構造の対象を絞り込む場合、セレクタの区切り文字を半角スペースにします。 子孫セレクタといいます。 <style> .d1 .p2{ col