La table qui suit résume la syntaxe des sélecteurs W3C :
| Séquence | Signification |
|---|---|
| * | tout élément |
| E | tout élément de type E |
| E[foo] | tout élément E portant l’attribut « foo » |
| E[foo= »bar »] | tout élément E portant l’attribut » foo » et dont la valeur de cet attribut est exactement « bar » |
| E[foo~= »bar »] | tout élément E dont l’attribut « foo » contient une liste de valeurs séparées par des espaces, l’une de ces valeurs étant exactement égale à « bar » |
| E[foo^= »bar »] | tout élément E dont la valeur de l’attribut « foo » commence exactement par la chaîne « bar » |
| E[foo$= »bar »] | tout élément E dont la valeur de l’attribut « foo » finit exactement par la chaîne « bar » |
| E[foo*= »bar »] | tout élément E dont la valeur de l’attribut « foo » contient la sous-chaîne « bar » |
| E[lang|= »en »] | tout élément E dont l’attribut ‘lang » est une liste de valeurs séparées par des tirets et commençant (à gauche) par « en » |
| E:root | un élément E, racine du document |
| E:nth-child(n) | un élément E qui est le n-ième enfant de son parent |
| E:nth-last-child(n) | un élément E qui est le n-ième enfant de son parent en comptant depuis le dernier enfant |
| E:nth-of-type(n) | un élément E qui est le n-ième enfant de son parent et de ce type |
| E:nth-last-of-type(n) | un élément E qui est le n-ième enfant de son parent et de ce type en comptant depuis le dernier enfant |
| E:first-child | un élément E, premier enfant de son parent |
| E:last-child | un élément E, dernier enfant de son parent |
| E:first-of-type | un élément E, premier enfant de son type |
| E:last-of-type | un élément E, dernier enfant de son type |
| E:only-child | un élément E, seul enfant de son parent |
| E:only-of-type | un élément E, seul enfant de son type |
| E:empty | un élément E qui n’a aucun enfant (y compris noeuds textuels purs) |
| E:link
E:visited |
un élément E qui est la source d’un hyperlien dont la cible n’a pas encore été visitée (:link) ou a déjà été visitée (:visited) |
| E:active
E:hover E:focus |
un élément E pendant certaines actions de l’usager |
| E:target | un élément E qui est la cible de l’URL d’origine contenant lui-même un fragment identifiant. |
| E:lang(c) | un élément E dont le langage (humain) est c (le langage du document spécifie comment le langage humain est déterminé) |
| E:enabled
E:disabled |
un élément d’interface utilisateur E qui est actif ou inactif. |
| E:checked
E:indeterminate |
un élément d’interface utilisateur E qui est coché ou dont l’état est indéterminé (par exemple un bouton-radio ou une case à cocher) |
| E:contains(« foo ») | un élément E dont le contenu textuel concaténé contient la sous-chaîne « foo » |
| E::first-line | la première ligne formatée d’un élément E |
| E::first-letter | le premier caractère formaté d’un élément E |
| E::selection | la partie d’un élément E qui est actuellement sélectionnée/mise en exergue par l’usager |
| E::before | le contenu généré avant un élément E |
| E::after | le contenu généré après un élément E |
| E.warning | Uniquement en HTML. Identique à E[class~= »warning »]. |
| E#myid | un élément E dont l’ID est égal à « myid ». |
| E:not(s) | un élément E qui n’est pas représenté par le sélecteur simple s |
| E F | un élément F qui est le descendant d’un élément E |
| E > F | un élément F qui est le fils d’un élément E |
| E + F | un élément F immédiatement précédé par un élément E |
| E ~ F | un élément F précédé par un élément E |