CSS : faire des références internes sans PHP ?

[milkiway]

Bonjour,

Je ne suis pas mauvais en CSS mais il y a un truc qui me limite tout le temps. Il me semble qu'il ne soit pas possible de faire référence à une valeur pour en définir une autre.

Je m'explique :

<ul>
<li>Ceci
<ul>
<li>Et ça</li>
<li>Et ci</li>
</ul></li>
<li>Et puis ça</li>
</ul>

The 1 000 000 $ question is : Comment faire pour définir que le li "Et ça" (donc le 1er sous li) fasse la largeur de <li>Ceci.
Y a t il un moyen de faire une telle référence sans recourir au PHP (en utilisant cette technique bien pratique http://css4design.com/feuille-de-style-css-dynamique-avec-php ) ?

En un mot je ne pense pas puisque CSS n'est pas un langage, mais quand on voit le CSS 3 on peut se poser la question!

Merci au petit génie qui y arriverait.

 

[gg00xiv]

Si tu définis <ul> et <li> de cette manière dans ton CSS, les <li> sous les <li> parents seront juste alignés dessous et de même taille:

ul, li { margin: 0, padding: 0 }
li { width: 100px; /* par exemple */ }

 

[seebz]

autre solution :

li {
  /* règles "tous" niveaux */
}
li li {
  /* règles 2ème niveau minimum */
}

 

[SpeedAirMan]

*CSS est un langage, mais pas un langage de programmation.

Il y'a moyen d'accéder à ton <li>Et ça</li> via JavaScript.
Via jQuery c'est plutôt simple, et je vois au moins 2 manières de le faire.

&('li ul li:firstchild') ou &('li ul li:first') (les deux sont bons et quasi identiques)

Il y'a aussi : $("li:contains('Et ça')")

:first-child existe aussi en CSS mais pas compatible avec les vieux navigateurs je crois (à vérifier).