Ümumi xassələr selektorların qruplaşdırılmasında CSS-də

Belə olur ki, bəzi selektorların bir hissə xassələri eyni olur, bir hissəsi isə fərqlənir. Aşağıdakı kodda, məsələn, başlıqlar və abzas qırmızı rəngə malikdir, lakin abzasda bundan əlavə başqa xassələr də var:

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

Belə bir halda təkrarlanan hissələri qruplaşdırmaq, təkrarlanmayanları isə ayrıca yazmaq olar:

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

Kodu sadələşdirin, selektorların qruplaşdırılmasından istifadə edin:

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

Kodu sadələşdirin, selektorların qruplaşdırılmasından istifadə edin:

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