qualification des sélecteurs

On peut noter qu’il est possible de qualifier un sélecteur (hormis les sélecteur de type et universel), en les précédant directement d’un sélecteur de type.

Avertissement

Qualifier un sélecteur en augmente la spécifité et en diminue la polyvalence. Il convient de pouvoir se justifier si l’on utilise cette fonctionnalité de CSS. [1]

exemples

Ici les sélecteurs [data-exemple], .exemple et #exemple sont qualifiés par le sélecteur p.

p[data-exemple] { /* tous les éléments ayant l'attribut data-exemple qui sont de type paragraphe */ }
p.exemple { /* tous les élément ayant la classe exemple qui sont de type paragraphe */ }
p#exemple { /* tous les éléments ayant l'id exemple qui sont de type paragraphe */ }

[1]	Harry Roberts, CSS Guidelines, cssguidelin.es. Web 12 Mar. 2017.