Un sélecteur est un ensemble de mots-clés et de symboles qui permet d’attribuer à une ensemble de balise un style de présentation.

Par exemple, le sélecteur de type est représenté par le nom de la balise. Lorsqu’on utilise ce sélecteur, on affecte un style à toutes les balises avec le même nom. Par exemple, dans la règle suivante: p { color: red; }, le sélecteur p affecte une couleur de texte rouge à toutes les balises p du document (X)HTML.

On peut combiner des sélecteurs pour former des expressions complexes qui sélectionnent plusieurs balises. Exemple: #contenu p.menu a, #contenu p {...}

On utilise les sélecteurs seulement dans les règles CSS placées dans une balise ou dans une feuille de style (document avec l’extension .css).

Bref, un sélecteur CSS utilise un système de nommage pour que les instructions de style définis à l’intérieurs des accolades { et } soient appliqués à un ou plusieurs endroits du code (X)HTML et pas ailleurs. Vous l’aurez compris, CSS parle au HTML. Il s’y superpose pour en styler les contenus. Il faut donc bien connaître le HTML avant de s’improviser designer CSS.

Références