Sélecteurs

En CSS, les sélecteurs sont utilisés afin de désigner l'élément HTML à styliser. Les sélecteurs sont divisés en quatre catégories.

Ce cours détaille chacune de ces catégories.

Les sélecteurs simples

Les sélecteurs simples désignent un élément HTML, un id ou une class.

Les sélecteurs HTML

Les sélecteurs HTML utilisent le nom de l’élément HTML à styliser. Pour les utiliser, il n’y a pas de syntaxe particulière à respecter ; il suffit simplement d’écrire le nom de l’élément HTML suivi de l’accolade ouvrante.

Exemple :

h2 {
    color : green;
}

Dans cet exemple, le sélecteur h2, désigne l’élément HTML <h2>. color : green; permet de mettre le titre en vert.

Les sélecteurs id