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