"Récursivité" ou problème de ciblage CSS : je suis perdu...

Bonjour,

Voici un cas un peu tordu (pour moi) à vous soumettre :

Le code HTML est le suivant :

<ul id="mymenu-trans">
<li>
<a href= "UrlVersMonlien" class="mainlevel-active-trans" title="Accueil">Accueil</a>
</li>
</ul>

Bien... le but du jeu est de mettre deux images de background pour ce <li>.

Dans ma feuille de style j'ai :

#mymenu-trans li a.mainlevel-active-trans {
	background: url(LienVersMonIMageDeDroite) no-repeat bottom right;
}

Ca, ça marche, mais je voudrais ajouter une autre image à gauche qui ne va pas cibler la balise <a> mais la balise <li>.

Ma question est : quelle est la syntaxe exacte pour cibler ce <li> dont la balise <a> a pour classe : mainlevel-active-trans

Est-ce possible ou bien il faut que je rajouter une classe à ma balise <li> pour la cibler directement ?


merci
Modifié par synergia (08 Mar 2007 - 15:38)

Oui la syntaxe des sélecteurs CSS ne te permet pas de "remonter", il faut donc faire l'inverse et se servir de la cascade plutôt que de mettre des classes sur tous les éléments

#mymenu-trans{
...
}

#mymenu-trans li{
...
}

#mymenu-trans a{

}

Et oui suis-je bête... CSS: Cascading Style Sheet et pas l'inverse... Bon et bein c'est pas gagné pour moi car le code html est fait par du php qui génère tout ce que contient le <ul>...<ul> et sous... Joomla...
arfff
merci