Algemene eigenschappen bij het groeperen van selectors in CSS

Het komt voor dat een deel van de eigenschappen van sommige selectors hetzelfde is, en een deel verschilt. In de volgende code hebben kopteksten en een paragraaf bijvoorbeeld een rode kleur, maar de paragraaf heeft daarnaast nog andere eigenschappen:

h2 {
	color: red;
}
h3 {
	color: red;
}
p {
	color: red;
	text-align: justify;
	font-size: 16px;
}

In zo'n geval kunnen de herhalende delen worden gegroepeerd, en wat niet herhaalt, apart worden geschreven:

h2, h3, p {
	color: red;
}
p {
	text-align: justify;
	font-size: 16px;
}

Vereenvoudig de code door gebruik te maken van het groeperen van selectors:

h1 {
	text-align: center;
}
h2 {
	text-align: center;
	color: blue;
}
h3 {
	text-align: center;
	font-size: 16px;
	color: red;
}

Vereenvoudig de code door gebruik te maken van het groeperen van selectors:

h1 {
	text-align: center;
	color: red;
}
h2 {
	text-align: center;
	color: red;
}
h3 {
	text-align: center;
	font-size: 16px;
	color: red;
}