calcul de la spécificité

• spécificité égale à cent : sélecteur d’id
• spécificité égale à dix : sélecteurs de classe, sélecteurs d’attributs, pseudo-classes (sauf not)
• spécificité égale à un : sélecteurs de type et pseudo-éléments
• spécificité égale à zéro : sélecteur universel

On calcul la spécificité d’un sélecteur en additionnant la spécifité de tous les éléments qui le compose.

exemple

<ul>
  <li id="autre">item 1</li>
  <li id="exemple" class="special">item 2</li>
</ul>

/* spécificité égale à 1 */
li { color: grey; }

/* spécificité égale à 10 */
.special { color: blue; }

/* spécificité égale à 100 */
#exemple { color: red; }