Хосияти умумии дар гурӯҳбандии селекторҳо дар 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;
}