From 6237d0950eaf8462e9a6ea07fabb047ed7976ecd Mon Sep 17 00:00:00 2001 From: Jb Audras Date: Wed, 28 Jul 2021 08:12:05 +0200 Subject: Initial translation (#1744) --- files/fr/web/css/_colon_nth-last-col/index.html | 76 +++++++++++++++++++++++++ 1 file changed, 76 insertions(+) create mode 100644 files/fr/web/css/_colon_nth-last-col/index.html diff --git a/files/fr/web/css/_colon_nth-last-col/index.html b/files/fr/web/css/_colon_nth-last-col/index.html new file mode 100644 index 0000000000..767e6afc0b --- /dev/null +++ b/files/fr/web/css/_colon_nth-last-col/index.html @@ -0,0 +1,76 @@ +--- +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;
+}
+ +

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.

+ +

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

+ +

Syntaxe formelle

+ +

{{csssyntax}}

+ +

Exemples

+ +

Exemple basique

+ +

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

CSS

+ +
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;
+}
+
+ +

Résultat

+ +

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

+ +

Spécifications

+ +

{{Specifications}}

+ +

Compatibilité des navigateurs

+ +

{{Compat}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf