Les sélécteurs

Définition

En CSS les sélecteurs définissent les éléments sur lesquels vont s'appliquer les règles. Il en existe 5

  • Les types
  • Les classes
  • les identifiants
  • Les attributs
  • Les sélécteurs universels

Les sélécteurs de types

Il permet de cibler les balises

  • a{ ... }

va concerner l'ensemble des liens

Les sélécteurs de classes

Il permet de cibler les éléments en fonction de la valeur de leur attribut class.

  • a.menu{ ... }

va concerner <a class="menu">lien</a>

Les sélécteurs d'identifiant

Il permet de cibler l'élément en fonction de la valeur de son attribut ID.

  • a#brand{ ... }

va concerner <a ID="brand">lien</a>

Le sélécteurs d'attribut

Il s'agit du sélécteur qui permet de cibler l'ensemble des éléments soit possédant un attribut spécifique soit un attribut avec une valeur spécifique

  • [name=menu]{...}

Va concerner les éléments ayant un attribut name="menu"

  • [_myattr]{...}

Va concerner les éléments ayant un attribut _myattr quelque soit la valeur de celui-ci.

Le sélécteurs uninversels

Il s'agit du sélécteur qui permet de cibler l'ensemble des éléments du document

  • *{ ... }