Các thuộc tính chung khi nhóm bộ chọn trong CSS

Có những trường hợp một phần thuộc tính của một số bộ chọn giống nhau, còn một phần thì khác nhau. Trong đoạn mã sau, chẳng hạn, các tiêu đề và đoạn văn có màu đỏ, nhưng đoạn văn ngoài ra còn có thêm các thuộc tính khác:

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

Trong trường hợp như vậy, có thể nhóm các phần lặp lại lại, còn những phần không lặp lại thì viết riêng ra:

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

Hãy đơn giản hóa mã, sử dụng nhóm bộ chọn:

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

Hãy đơn giản hóa mã, sử dụng nhóm bộ chọn:

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