---

Группировка селекторов в CSS

Иногда может возникнуть следующая ситуация: вам нужно сделать одно и то же с разными тегами, например, покрасить все заголовки h2, h3 и абзацы в красный цвет. В этом случае вам придется написать что-то вроде такого:
h2 {
	color: red;
}
h3 {
	color: red;
}
p {
	color: red;
}

Однако, существует способ сделать это немного короче: селекторы тегов можно объединять через запятую и CSS код применится к ним всем одновременно. Приведенный выше код можно переписать покороче таким образом:
h2, h3, p {
	color: red;
}

№1⊗jsPmSMMA

Упростите код, используя группировку селекторов:
h1 {
	text-align: center;
}
h2 {
	text-align: center;
}
h3 {
	text-align: center;
}

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