--- title: ':nth-last-col' slug: 'Web/CSS/:nth-last-col' browser-compat: css.selectors.nth-last-col translation_of: 'Web/CSS/:nth-last-col' ---
{{CSSRef}}{{SeeCompatTable}}
La pseudo-classe CSS :nth-last-col()
est conçue pour les tableaux et les grilles. Elle accepte les notations de type An+B
telles qu'utilisées avec le sélecteur {{Cssxref(":nth-child")}}, ce qui permet de cibler plusieurs colonnes en comptant à partir de la fin du jeu de colonnes. Les valeurs odd et even sont aussi valides.
/* Sélectionne toutes les valeurs impaires du tableau */ :nth-last-col(odd) { background-color: pink; }
La pseudo-classe nth-last-col
est spécifiée avec un argument unique qui représente le motif utilisé pour faire la correspondance des éléments.
Voir {{Cssxref(":nth-child")}} pour une explication plus détaillée de cette syntaxe.
{{csssyntax}}
<table> <tr> <td>un</td> <td>deux</td> <td>trois</td> <td>quatre</td> </tr> <tr> <td>un</td> <td>deux</td> <td>trois</td> <td>quatre</td> </tr> </table>
td { border: 1px solid #ccc; padding: .2em; } /* Colonnes impaires, en commençant par la colonne finale du tableau */ :nth-last-col(2n+1) { background-color: pink; }
{{EmbedLiveSample('basic_example', 250, 200)}}
{{Specifications}}
{{Compat}}