---

Общие свойства при группировке селекторов в 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;
}

№1

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


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

№2

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



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