Allgemeine Eigenschaften bei der Gruppierung von Selektoren in CSS

Es kommt vor, dass einige Eigenschaften bestimmter Selektoren gleich sind, während andere sich unterscheiden. Im folgenden Code haben beispielsweise Überschriften und Absätze die Farbe Rot, aber der Absatz hat zusätzlich noch weitere Eigenschaften:

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

In einem solchen Fall kann man die sich wiederholenden Teile gruppieren und die nicht übereinstimmenden Teile separat notieren:

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

Vereinfachen Sie den Code mithilfe der Selektor-Gruppierung:

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

Vereinfachen Sie den Code mithilfe der Selektor-Gruppierung:

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