CSSでは、複数のセレクタを同時に指定することができます。複数のセレクタを指定することで、スタイルを複数の要素に適用することができます。
カンマ区切り
複数のセレクタをカンマで区切って指定する方法。
例)pタグと.exampleクラスを持つ要素を選択します。
p, .example {
/* スタイルを記述 */
}
継承
親要素のセレクタを指定し、その中にあるすべての子要素を選択する。
例).containerクラスを持つ要素の中にあるすべてのpタグを選択します。
.container p {
/* スタイルを記述 */
}
Adjacent Sibling
指定したセレクタの直後にあるセレクタを選択する。
例).exampleクラスの直後にあるpタグを選択します。
.example + p {
/* スタイルを記述 */
}
複数のセレクタを指定することで、スタイルを複数の要素に適用することができ、CSSの表現力を拡張することができます。
上記が複数のセレクタを指定する方法になります、これらを使用することで、より効果的なデザインを実現することができます。