Les pseudo-classes :nth-col() et :nth-last-col().

:nth-col()
:nth-last-col()

Résumé des caractéristiques du sélecteur :nth-col()

Description rapide
Pseudo-classe ciblant une des colonnes dans un container grille d'après son numéro.
Statut
Problèmes de compatibilité ⚠
Module W3C
Sélecteurs
Références (W3C)
Statut du document: WD (document de travail)

Description des pseudo-classes :nth-col() et :nth-last-col().

Ces deux pseudo-classes permettent de cibler des éléments dans une grille, en fonction de la colonne dans laquelle ils se trouvent.

Les pseudo-classes :nth-col() et :nth-last-col() sont encore mal reconnues par les navigateurs. A utiliser avec précaution.

Exemple avec les pseudo-classes :nth-col() et :nth-last-col().

Utilisation sur une grille.

L'exemple ci-dessous ne fonctionnera probablement pas sur votre navigateur, pas avant plusieurs mois (2022).

1
2
3
4
5
6
7
8
9
10

Utilisation sur un tableau.

12345
678910

Prise en charge par les navigateurs (compatibilité).

Il est encore trop tôt pour utiliser les deux pseudo-classes :nth-col() et :nth-last-col() dans vos codes.

Historique de la pseudo-classe :nth-col().

Voir aussi : pseudo-classes relatives au DOM.

:empty
Pseudo-classe ciblant les éléments sans contenu.
:first-child
Pseudo-classe ciblant le premier enfant d'un élément dans l'ordre du document.
:first-of-type
Pseudo-classe ciblant les premiers éléments de chaque type, dans l'ordre du document.
:last-child
Pseudo-classe ciblant le dernier enfant d'un élément, dans l'ordre du document.
:last-of-type
Pseudo-classe ciblant les derniers éléments de chaque type, dans l'ordre du document.
:nth-child()
Pseudo-classe ciblant un descendant d'après son numéro dans l'ordre du document.
:nth-col()
Pseudo-classe ciblant une des colonnes dans un container grille d'après son numéro.
:nth-last-child()
Pseudo-classe ciblant un élément à partir de son numéro, en commençant par la fin, et dans l'ordre du document.
⚠
:nth-last-col()
Pseudo-classe ciblant une des colonnes dans un container grille, en commençant le comptage par la fin.
:nth-last-of-type()
Pseudo-classe ciblant un élément à partir de son numéro en ne comptant que les éléments du même type et en commençant par la fin.
:nth-of-type()
Pseudo-classe ciblant un élément à partir de son numéro en ne comptant que les éléments du même type.
:only-child
Pseudo-classe ciblant les éléments qui sont fils uniques de leur parent.
:only-of-type
Pseudo-classe désignant les éléments qui sont fils unique de leur parent, en ne considérant que les éléments de type identique.
:root
Pseudo-classe ciblant l'élément racine du document (en HTML, l'élément racine est l'élément HTML).
:scope
Cible l'élément courant. Utile dans le cas de règles imbriquées (nested CSS).
::part()
Peudo-élément qui cible un sous-élément dans l'arbre fantôme de la page (créé par template).