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 désignant une des colonnes dans un container grille
Statut
Problèmes de compatibilité ⚠
Module W3C
Sélecteurs
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.
1 | 2 | 3 | 4 | 5 |
6 | 7 | 8 | 9 | 10 |
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.