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.

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-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).