8
votes

BGColor pour des lignes alternatives dans une table de manière dynamique à l'aide de CSS

Comment donner deux bgColor différents pour des lignes alternatives dans une table de manière dynamique en utilisant CSS.

Je ne veux pas utiliser JQuery pour résoudre ce problème.


0 commentaires

3 Réponses :


11
votes

Utilisation: Nth-enfant () pseudo classe xxx

Démo < / a>

Ici est un exemple de sélecteur de plus.


2 commentaires

@Sowmya: Comment puis-je supprimer le BGColor d'une ligne particulière pendant que j'utilise cette solution


Vous pouvez affecter le style du numéro de ligne comme TR: Nth-enfant (4) {style ici} Jsfiddle. Net / Xung3 / 11 ou vous pouvez donner le nom de la classe pour la ligne TAT et attribuer le style de cette classe.



1
votes

Vous pouvez utiliser le sélecteur CSS3 NTH-ENFANT CODE>:

tr:nth-child(odd)


0 commentaires

1
votes

démo strong> em>

Utilisation : NTH-of-Type (N) CODE> PSEDO Classe strong> P>

Comme celui-ci P>

tr:nth-of-type(2n){
    background-color:green
}
tr:nth-of-type(2n-1){
    background-color:yellow
}


0 commentaires