Групиране на селектори в 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;
}