CSS-те селекторларды топтастыру

Кейде мынадай жағдай болуы мүмкін: сізге әртүрлі тегтерге бірдей әрекет жасау қажет, мысалы, барлық тақырыптарды h2, h3 және абзацтарды қызыл түске бояу. Бұл жағдайда сізге мынаған ұқсас нәрсені жазуға тура келеді:

h2 {
	color: red;
}
h3 {
	color: red;
}
p {
	color: red;
}

Алайда, мұны біршама қысқарақ жасаудың тәсілі бар: тег селекторларын үтір арқылы біріктіруге болады және CSS коды олардың барлығына бір уақытта қолданылады. Жоғарыда келтірілген кодты былай жазса болады:

h2, h3, p {
	color: red;
}

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

h1 {
	text-align: center;
}
h2 {
	text-align: center;
}
h3 {
	text-align: center;
}