style alternant des lignes dans une table

Question

Est-il possible de définir le style de lignes alternées dans une table html avec des sélecteurs de style qui ne prennent en compte que la hiérarchie des éléments et n'utilisent pas de noms de style?

J'ai besoin de style de sortie html produit par un composant serveur et la sortie ne définit pas les styles pour les lignes en alternance. Je pourrais écrire un javascript (ou tout aussi bien changer le composant) mais je suis curieux de savoir s'il est possible de faire en css pur.

grâce

Answer 1

Konstantin

En CSS 3:

tr:nth-child(odd) { background-color:#eee; } 
tr:nth-child(even) { background-color:#fff; } 

Et en CSS 2, vous devez utiliser une classe sur par exemple même des lignes comme:

.even { background-color: #00000; } 

et vous devez les appliquer lors de la génération du côté serveur de lignes (ou en main ;-)) ou par exemple jQuery like:

$(document).ready(function() { 
    $("tr.nth-child(even)").addClass("even"); 
    //Or 
    $("tr:even").addClass("even"); 
});