L1 Info : Informatique et Document, CSS
 
◃  Ch. 7 CSS 3  ▹
 

Nouveaux selecteurs logo css 3

ModèleRôle
Elt[attr^="val"]Un élément Elt dont la valeur de l'attribut attr commence par "val"
Elt[attr$="val"]Un élément Elt dont la valeur de l'attribut attr termine par "val"
Elt[attr*="val"]Un élément Elt dont la valeur de l'attribut attr contient ma sous-chaîne "val"
Elt[attr|="val"]Un élément Elt dont la valeur de l'attribut attr est "val" ou commence par "val-"
Elt:rootUn élément Elt racine du document
Elt:nth-child(n)Un élément Elt n-ième fils de son père
Elt:nth-last-child(n)Un élément Elt n-ième fils de son père en partant de la fin
Elt:nth-of-type(n)Un élément Elt n-ième frère de son type
Elt:nth-last-of-type(n)Un élément Elt n-ième frère de son type en partant de la fin
Elt:last-childUn élément Elt dernier fils de son père
Elt:first-of-typeUn élément Elt premier d'une fratrie du même type
Elt:last-of-typeUn élément Elt dernier d'une fratrie du même type
Elt:only-childUn élément Elt fils unique
Elt:only-of-typeUn élément Elt unique fils de ce type
Elt:emptyUn élément Elt vide
Elt:targetUn élément Elt cible d'une URI
Elt:enabled, E:disabled, E:checkedUn élément Elt activé, désactivé ou coché
Elt:not(Sel)Un élément Elt qui ne correspond pas au sélecteur Sel
Elt1 ~ Elt2Un élément Elt2 petit frère de Elt1
  • Les pseudo-éléments sont désormais préfixés par ::, ainsi : ::before, ::after, ::first-line et ::first-letter