CSS : Définir une couleur sur les lignes paires d'un tableau

Introduction

Il est souvent pratique de colorer une ligne sur deux dans un tableau. Cela permet au lecteur de facilement lire le tableau de manière horizontale. Dans de nombreux codes que j'ai lu, j'ai vu des codes serveurs dans lesquels une variable était incrémenté, une condition vérifiait le modulo de cette variable et de 2 et s'il était nul (donc une valeur paire pour cette variable incrémentée), une classe CSS était rajouté sur la balise tr.

Pourquoi se compliquer ?

Il est tout à fait possible en CSS de reproduire ce comportement. Utiliser uniquement du CSS dans de cas là ne possède que des avantages :

Pour que le code suivant fonctionne vous devez créer un table avec une classe color_line attribuée à la balise table

table.color_line tr:nth-child(2n+0) td {
color: green;
}