Sélecteurs contextuels
- Sélecteurs de descendant
- Descendant indéterminé :
ancêtre élément
Exemple : table p
: cible tous les paragraphes qui apparaissent dans un tableau
- Descendant direct :
père > élément
Exemple : th > p
: cible uniquement les paragraphes directement inclus dans une cellule de titre de tableau
- Élément premier fils d'une autre (pseudo-classe) :
élément:first-child
Exemple : td:first-child
: cible uniquement les premières cellules d'une ligne de tableau
- Sélecteurs de frère :
frère + élément
Exemple : h1 + p
: cible uniquement les paragraphes qui suivent immédiatement un titre de niveau 1 (i.e. qui sont ouverts juste après la fermeture d'un élément h1
- Sélecteurs d'attributs :
elt[attr]
: l'élément elt
est associé à l'attribut attr
Exemple : table[border]
: cible tous les tableaux définis avec une bordure
elt[attr="val"]
: l'attribut attr
de l'élément elt
vaut val
Exemple : table[border="2"]
: cible tous les tableaux associés à l'attribut border
et ayant 2 comme valeur
elt[attr~="val"]
: val
est une des valeurs de l'attribut attr
de l'élément elt
(utile avec les attributs acceptant plusieurs valeurs)