Селекторларды топтастырғандағы жалпы қасиеттер CSS-те

Кейде кейбір селекторлардың қасиеттерінің бір бөлігі бірдей болады, ал бір бөлігі - өзгеше. Мысалы, келесі кодта тақырыптар мен абзац қызыл түске ие, бірақ абзацта бұған қоса тағы да қасиеттер бар:

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

Мұндай жағдайда қайталанатын бөліктерді топтастыруға болады, ал қайталанбайтындарды бөлек жазуға болады:

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

Селекторларды топтастыруды пайдаланып, кодты жеңілдетіңіз:

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

Селекторларды топтастыруды пайдаланып, кодты жеңілдетіңіз:

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