Specifičnost určuje který selektor má preferenci oproti jinému. Podívejme se na následující kód:

<h1 id="hlavni_nadpis">Nadpis</h1>

h1 {
	background-color: green;
	color: pink;
}

#hlavni_nadpis {
	color: yellow;
}

Tento kód by se zobrazil následovně:

Nadpis

Proč?

Protože selektory mají následující preferenci:

1. id
2. třída
3. typ
4. univerzální selektor

Tudíž se nadpisu aplikuje barva pozadí (background-color) zelená (green), jelikož ji nepřepisuje více specifický selektor.

Barva (color) bude žlutá, jelikož selektor id je více specifický než typový selektor h1.