Gruppierung von Selektoren in CSS
Manchmal kann folgende Situation auftreten:
Sie möchten mit verschiedenen Tags dasselbe tun,
zum Beispiel alle Überschriften
h2, h3 und Absätze rot färben.
In diesem Fall müssten Sie etwa
Folgendes schreiben:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Es gibt jedoch eine Möglichkeit, dies etwas kürzer zu machen: Tag-Selektoren können durch Kommas kombiniert werden, und der CSS-Code wird auf alle gleichzeitig angewendet. Den obigen Code kann man kürzer so umschreiben:
h2, h3, p {
color: red;
}
Vereinfachen Sie den Code mithilfe der Selektor-Gruppierung:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
