【CSS】複数のセレクタを指定する方法

CSSでは、複数のセレクタを同時に指定することができます。複数のセレクタを指定することで、スタイルを複数の要素に適用することができます。

カンマ区切り

複数のセレクタをカンマで区切って指定する方法。

例)pタグと.exampleクラスを持つ要素を選択します。

p, .example {
    /* スタイルを記述 */
}

継承

親要素のセレクタを指定し、その中にあるすべての子要素を選択する。

例).containerクラスを持つ要素の中にあるすべてのpタグを選択します。

.container p {
    /* スタイルを記述 */
}

Adjacent Sibling

指定したセレクタの直後にあるセレクタを選択する。

例).exampleクラスの直後にあるpタグを選択します。

.example + p {
    /* スタイルを記述 */
}

複数のセレクタを指定することで、スタイルを複数の要素に適用することができ、CSSの表現力を拡張することができます。

上記が複数のセレクタを指定する方法になります、これらを使用することで、より効果的なデザインを実現することができます。