Discussion :

[benjamin122]

Bonjour,

J''ai du css pour définir le background de ma liste :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.product-list > div {
	overflow: auto;
	margin-bottom: 5px;
	background: #ddfeff;
}

J'aimerai en fait dans ma liste de produit , afficher pour tout les items pairs un fond écran blanc , et pour tout les items impaire un fond d'écran blanc cassé(légèrement grisé).
je développe en php. Mais mes connaissances sont limitées en CSS. J'ai lu évidemment les tutos de base et je n'ai pas trouvé réponse à ma question.
Ma question est : Suis-je obligé d'utiliser le php pour attribuer dans une boucle la classe associée pour chaque item ou existe t-il une solution en CSS ?

J'ai défini une deuxième classe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.product-list2 > div {
	overflow: auto;
	margin-bottom: 5px;
	background: #ddfeff;
}

et j'ai essayé de faire quelque chose qui ressemble à ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
	if(mod($cpt) == 0 ) ?> <div class="product-list"> <?php 
	else ?> <div class="product-list2"> 
        ...

mais sans effet, pourrais avoir un conseil de quelqu'un avisé en la matière? J'en serais infiniment reconnaissant


Benjamin122

[kevin254kl]

Bonjour je pense que c'est quelque chose comme sa que vous voulez faire https://developer.mozilla.org/fr/doc...CSS/:nth-child cordialement

[NoSmoking]

Bonjour,
il existe aussi Les pseudo-classes sur DVP

[benjamin122]

Merci pour ces réponses rapides, je vais regarder cela en soirée , et je mettrais ma solution en ligne.
Cordialement

Benjamin122

[benjamin122]

Bonsoir,

voici le code qui me permet de faire ce que je voulais.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.product-list > div:nth-child(2n+1) {
	background-color: #eae9e9;
	overflow: auto;
	margin-bottom: 5px;
}

Merci à tous pour les réponses,

sujet résolu.

Benjamin122