Ce sélecteur cible tous les nœuds d'un document. Il existe également une variante pour ne cibler qu'un seul espace de noms et une variante pour cibler tous les espaces de noms.
*Cible tous les éléments du document.
Ce sélecteur simple cible les éléments qui correspondent au nom indiqué.
inputCible tous les éléments <input>.
Ce sélecteur simple cible les éléments en fonction de la valeur de leur attribut class.
.activeCible tous éléments qui possèdent parmi toutes ses claasses, la classe active (comme class="article active dernier").
Ce sélecteur simple cible un élément d'un document en fonction de la valeur de son attribut id. Dans un document, il ne doit y avoir qu'un seul élément pour un identifiant donné.
#tocCible l'élément qui possède l'identifiant toc (défini avec l'attribut id="toc").
Le combinateur + permet de sélectionner les nœuds qui suivent immédiatement un élément donné.
div + pCible n'importe quel élément <p> qui suit immédiatement un élément <div>.
Le combinateur ~ permet de sélectionner les nœuds qui suivent un élément et qui ont le même parent.
p ~ span Cible les éléments <span> qui suivent (immédiatement ou non) un élément <p> et qui ont le même élément parent.
Le combinateur > permet de sélectionner les nœuds qui sont des fils directs d'un élément donné.
ul > li Cible tous les éléments <li> qui sont directement situés sous un élément <ul>.
Le combinateur (espace) permet de sélectionner les nœuds qui sont des descendants (pas nécessairement des fils directs) d'un élément donné.
div spanCible n'importe quel élément <span> situé à l'intérieur d'un élément <div> quelque soit la profondeur.
Les sélecteurs d'attribut permettent de cibler un élément selon la présence d'un attribut ou selon la valeur donnée d'un attribut.
div[title]Cible tous les éléments div qui possèdent un attribut title.
div[title="lot"]Cible tous les éléments qui possèdent un attribut title dont la valeur est exactement lot.
Cible tous les éléments qui possèdent un attribut title et dont la valeur contient au moins une occurrence de lot (contient) dans la chaîne de caractères. Cela peut-être matelot ou loterie
div[title*="lot"]Cible un élément qui possède un attribut title dont la valeur est lot. Cette forme permet de fournir une liste de valeurs, séparées par des blancs, à tester. Si au moins une de ces valeurs est égale à celle de l'attribut, l'élément sera ciblé.
div[title~="lot"]Cible un élément qui possède un attribut title dont la valeur est exactement lot ou dont la valeur commence par lot suivi immédiatement d'un tiret (U+002D) lot-. Cela peut notamment être utilisé pour effectuer des correspondances avec des codes de langues. (fr fr-FR fr-BE)
div[title|="lot"]div[title^="lot"]div[title$="lot"]div[title$="lot"i]
div[title$="lot"s]i : insensible ; s : sensible
:not()La pseudo-classe :first-child cible un élément qui est le premier élément fils par rapport à son élément parent.
:first-childLa pseudo-classe :last-child cible un élément qui est le dernier élément fils par rapport à son élément parent.
:last-childAutrement dit, un sélecteur utilisant cette pseudo-classe cible les éléments fils d'un élément dont les positions correspondent au motif an+b.
:nth-child()1n+0 ou n cible chaque élément fils. n ne cible aucun élément pour le navigateur Android jusqu'à la version 4.3 alors qu'1n fonctionne. 1n est synonyme de 1n+0 et les deux peuvent donc être utilisés de façon équivalente. 2n+0 ou 2n cible les éléments fils 2, 4, 6, 8, etc. On pourra utiliser le mot-clé even à la place de cette expression.
2n+1 cible les éléments fils 1, 3, 5, 7, etc. On pourra utiliser le mot-clé odd à la place de cette expression.
3n+4 cible les éléments fils 4, 7, 10, 13, etc.
0n+3 (ou plus simplement 3) cible le troisième élément.
:nth-last-child():only-child:empty:first-of-type:last-of-type:nth-last-of-type():nth-of-type():only-of-type