Pour des besoins perso, j'ai dut retravailler un tableau HTML
Tableau généré automatiquement par un éditeur WYSIWYG, l'éditeur ayant une fâcheuse tendance a faire des conneries j'ai décidé de m'en passer.
Et en plus ça me permettra d'avoir un code bcq plus propre. Car l'ancien tableau définissait les propriétés de chaque casse dans un élément style
<td style="text-align: center;height: 5px; border-right-width: 2px; border-left-width: 2px; border-bottom-width: 0px; border-top-width: 0px; border-color: black; border-style: solid;">
va faire la maintenance d'un code pareil...
Donc première chose a faire, c'est d'extraire le style pour le ranger dans un fichier css.
Et un truc bien utile dans un tableau, c'est d'alterner les couleurs des lignes pour s'y retrouver. Anciennement on ajoutait un @@ pair{ background-color: blue; } .impair{ background-color: white; }@@ Et a chaque ligne paire on ajoutait la class pair etc.
Sauf que les développeurs en ayant marre, ils ont fait passer dans la CSS3 des sélecteurs spécifique voir sur le site du w3
et donc avec
tr:nth-child(odd){ background-color: white;}
ça marche 
Y a plein d'exemples d'usage sur le site du W3