Les types de sélecteurs
Pseudo-sélecteurs - :first-child
Quelles sont les balises concernées par le sélecteur ?
1
:first-child:first-child
Pseudo-sélecteurs - :first-of-type
Quelles sont les balises concernées par le sélecteur ?
1
:first-of-type:first-of-type
Pseudo-sélecteurs - :last-child
Quelles sont les balises concernées par le sélecteur ?
1
:last-child:last-child
Pseudo-sélecteurs - :nth-child(a)
Quelles sont les balises concernées par le sélecteur ?
1
:nth-child(2)
:nth-child(2)
Pseudo-sélecteurs - :nth-child(an+b)
Quelles sont les balises concernées par le sélecteur ?
1
li:nth-child(2n+1)
li:nth-child(2n+1)
Remplacez n par 0,1,2,3... et faites le calcul. Si vous obtenez 0 ne l'écrivez pas.
2n + 1 -> 1,3,5,7...
2n -> 2,4,6,8,10...
3n+2 -> 2, 5, 8, 11...
Pseudo-sélecteurs - :nth-of-type(a)
Quelles sont les balises concernées par le sélecteur ?
1
:nth-of-type(2)
:nth-of-type(2)
Pseudo-sélecteurs - :not()
Quelles sont les balises concernées par le sélecteur ?
1
p:not([lang="en"])
p:not([lang="en"])