Properti Umum saat Pengelompokkan Selektor di CSS

Ada kalanya sebagian properti dari beberapa selektor sama, sedangkan sebagian lainnya berbeda. Pada kode berikut, misalnya, judul dan paragraf berwarna merah, tetapi paragraf selain itu memiliki properti tambahan:

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

Dalam kasus seperti ini, bagian yang berulang dapat dikelompokkan, sedangkan bagian yang tidak berulang dapat ditulis secara terpisah:

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

Sederhanakan kode berikut dengan menggunakan pengelompokkan selektor:

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

Sederhanakan kode berikut dengan menggunakan pengelompokkan selektor:

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