Groeperen van selectors in CSS
Soms kan de volgende situatie zich voordoen:
je moet hetzelfde doen met verschillende
tags, bijvoorbeeld alle koppen
h2, h3 en alinea's rood kleuren.
In dat geval moet je zoiets
als dit schrijven:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Er is echter een manier om dit iets korter te doen: tagsels kunnen worden gecombineerd met komma's en de CSS-code wordt op hen allemaal tegelijk toegepast. De bovenstaande code kan op deze kortere manier worden herschreven:
h2, h3, p {
color: red;
}
Vereenvoudig de code door gebruik te maken van het groeperen van selectors:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
