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

Поедноставете го кодот, користејќи групирање на селектори:

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

Поедноставете го кодот, користејќи групирање на селектори:

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