Forum Alsacréations : CSS et Standards Web

<ul>

	<li>truc</li>

	<li class="verte">truc</li>

	<li>truc</li>

	<li class="verte">truc</li>

</ul>

li { background:red;}

li.verte {background:green;}

pan a écrit :
En fait la liste est issue d'entrées de ma base de donnée, donc le nombre des lignes est aléatoire.

pan a écrit :
Du coup, je ne peux pas intervenir sur le code qui est généré par php donc impossible de désigner chaque ligne de la liste avec une classe et j'ai bien peur de devoir intervenir sur le code source de la boucle php...

// Compteur $i et opérateur ternaire $var = (test) ? valeur_si_true : valeur_si_false;

$i = 0;

echo "<ul>\n";

foreach($retours_mysql as $resultat_mysql) {

$classe = ($i % 2) ? ' class="pair"' : '';

echo "\t<li$classe>$resultat_mysql['texte']</li>\n";

}

echo "</ul>\n\n";

// !false = true et !true = false ...

$flag = false;

echo "<ul>\n";

foreach($retours_mysql as $resultat_mysql) {

$classe = ($flag) ? ' class="pair"' : '';

$flag = !$flag;

echo "\t<li$classe>$resultat_mysql['texte']</li>\n";

}

echo "</ul>\n\n";

li{background:red}

li:nth-child(even){background:green}