From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/_colon_nth-last-col/index.md | 85 ++++++++++++++------------- 1 file changed, 44 insertions(+), 41 deletions(-) (limited to 'files/fr/web/css/_colon_nth-last-col') diff --git a/files/fr/web/css/_colon_nth-last-col/index.md b/files/fr/web/css/_colon_nth-last-col/index.md index 767e6afc0b..212050450f 100644 --- a/files/fr/web/css/_colon_nth-last-col/index.md +++ b/files/fr/web/css/_colon_nth-last-col/index.md @@ -1,52 +1,57 @@ --- title: ':nth-last-col' -slug: 'Web/CSS/:nth-last-col' +slug: Web/CSS/:nth-last-col +translation_of: Web/CSS/:nth-last-col browser-compat: css.selectors.nth-last-col -translation_of: 'Web/CSS/:nth-last-col' --- -

{{CSSRef}}{{SeeCompatTable}}

+{{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.

+La [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) [CSS](/fr/docs/Web/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 */
+```css
+/* Sélectionne toutes les valeurs impaires du tableau */
 :nth-last-col(odd) {
   background-color: pink;
-}
+} +``` -

Syntaxe

+## Syntaxe -

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.

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

+Voir {{Cssxref(":nth-child")}} pour une explication plus détaillée de cette syntaxe. -

Syntaxe formelle

+### Syntaxe formelle -

{{csssyntax}}

+{{csssyntax}} -

Exemples

+## Exemples -

Exemple basique

+### Exemple basique -

HTML

+#### HTML -
<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>
+```html + + + + + + + + + + + + + +
undeuxtroisquatre
undeuxtroisquatre
+``` -

CSS

+#### CSS -
td {
+```css
+td {
   border: 1px solid #ccc;
   padding: .2em;
 }
@@ -55,22 +60,20 @@ translation_of: 'Web/CSS/:nth-last-col'
 :nth-last-col(2n+1) {
   background-color: pink;
 }
-
+``` -

Résultat

+#### Résultat -

{{EmbedLiveSample('basic_example', 250, 200)}}

+{{EmbedLiveSample('basic_example', 250, 200)}} -

Spécifications

+## Spécifications -

{{Specifications}}

+{{Specifications}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat}}

+{{Compat}} -

Voir aussi

+## Voir aussi - +- {{Cssxref(":nth-child")}}, {{Cssxref(":nth-last-of-type")}} -- cgit v1.2.3-54-g00ecf