Un background alterné en CSS

Utiliser le sélecteur CSS nth-child, cela permet de styler des éléments choisis selon leur index dans des groupes.

Si vous souhaitez faire un tableau dont les background seront alternés gris/blanc :

table tr:nth-child(2n+1)
{
background-color: #666;
}

Bien sûr vous pouvez aussi affecter le sélecteur CSS nth-child à un ID <div id= »monID »>bla</div>

#monID:nth-child(2n+1)
{
background-color: #666;
}

Remarque :
le raccourci peut se faire en écrivant

#monID:nth-child(odd)
{
background-color: #666;

}

[button link= »http://www.miximum.fr/methodes-et-outils/272-jouons-avec-les-pseudos-classes-des-selecteurs-css »] La source[/button]

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *