[Résolu - hyper rapidement ;-)] Question de sélecteurs...

Bonjour,

Je cherche à colorer les lignes d'un tableau.
Pour cela, j'ai des lignes qui sont de la classe "pair" et d'autre "impair".
Du coup, je colore mes lignes en jaune pale par un très joli sélecteur du genre :

tr.pair {
    background-color: #FFFFCC;
}

Maintenant, j'ai des lignes un peu spéciale qui vont être AUSSI de la classe "special".

Comment je colorie en bleu clair mes lignes de classe "pair special" et bleu foncé : "impair special" ?

Dis autrement, je cherche un selecteur qui me permet d'atteindre mes lignes "speciale" ET "pair".

Merci pour votre aide

Bonne journée

A+ / F.
Modifié par Kleduts (18 Feb 2013 - 16:02)

Hello.

Tu peux chainer tes sélecteurs :

.pair.special {
    /*S'appliquera uniquement aux éléments ayant à la fois la classe pair et la classe special*/
}

D'ailleurs, tu peux très bien te passer de tes classes pair et impair, avec une compatibilité légèrement moindre (IE > 8, tous les autres navigateurs), utiliser :nth-child :

/*pair*/
tr:nth-child(even) {}
/*impair*/
tr:nth-child(odd) {}
/*pair + special*/
tr:nth-child(even).special {}
/*impair + special*/
tr:nth-child(odd).special {}

tr.pair{
background-color:#ffc
}
tr.pair.special{
background-color:midnightBlue
}
tr.impair.special{
background-color:cornflowerBlue
}

adrien881 a écrit :

tr.pair{
background-color:#ffc
}
tr.pair.special{
background-color:midnightBlue
}
tr.impair.special{
background-color:cornflowerBlue
}

je me suis fait griller

Super, merci pour ces réponses.
Je ne connaissais pas cette syntaxe.

A+ / F.