CSS のグループ化とネストされたセレクター

いわゆるグループ化セレクターとは、複數(shù)のセレクターに対応する要素が同じスタイルを必要とする場(chǎng)合、複數(shù)のセレクターをカンマで區(qū)切ってスタイル ステートメントの前に配置して複數(shù)のセレクターを?qū)g現(xiàn)できることを意味します。 style宣言も同様の効果があります

いわゆるネストセレクターとは、セレクター內(nèi)にセレクターに対応する要素のスタイルを設(shè)定するものです

スタイルシートには同じスタイルの要素がたくさんあります。

h1{color:green;}
h2{color:green;}
p{color:green;}

コードを最小限にするには、グループ化されたセレクターを使用できます。
各セレクターをカンマで區(qū)切ります。
以下の例では、上記のコードにグループ化されたセレクターを使用しています:

h1,h2,p{color:green;}

ネストされたセレクター

セレクター內(nèi)のセレクターのスタイルを設(shè)定するのに適している可能性があります。
次の例では、3 つのスタイルが設(shè)定されています:

すべての p 要素のスタイルを指定します

class="marked" を持つすべての要素のスタイルを指定します

class="marked" 要素內(nèi)のすべての p 要素のスタイルを指定しますスタイル