Salut !

Le problème : d'une page à une autre, j'aimerais pouvoir inverser des éléments d'une liste (à l'affichage) sans avoir à toucher au code html

La seule solution que j'ai trouvée, est de créer deux listes aux contenus identiques mais avec des éléments ordonnées différemment et demander ensuite dans le CSS d'afficher l'une ou l'autre selon la page où je suis.

HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
<ul id="test1">
<li>Un</li>
<li>Deux</li>
<li>Trois</li>
</ul>
 
<ul id="test2">
<li>Trois</li>
<li>Deux</li>
<li>Un</li>
</ul>
et dans le CSS:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
#test1 {display:none;} /*pour afficher que la seconde version de la liste*/
L'emmerdant c'est que y'a de la répétition de code, qui peut être pénalisante d'un point de vue temps de chargement et d'un point de vue robot aussi.

Donc voyez vous d'autres façon de faire ... avec du CSS ? avec peut-etre du Javascript ? autre ?

Merci !