CSSおよびネストされたグループ化
セレクタのグループ化
スタイルシート内の同じスタイルを持っている多くの要素があります。
H1
{
色:緑;
}
H2
{
色:緑;
}
P
{
色:緑;
}
{
色:緑;
}
H2
{
色:緑;
}
P
{
色:緑;
}
コードを最小限に抑えるには、パケットセレクタを使用することができます。
各セレクタは、カンマを使用します。
次の例では、グループ化セレクタ上記のコードを使用します。
ネストされたセレクタ
これは、セレクタセレクタインテリアスタイルに適用される場合があります。
次の例では、3つのスタイルのセット:
- すべてのp要素のスタイルを指定します
- = "マーク"の要素は、すべてのクラスのスタイルを指定します
- =要素内の "マーク" p要素は、すべてのクラスのスタイルを指定します