Bonjour à tous !

Je suis ( encore ) sur un nouveau menu et je bloque sur un petit truc qui je trouve très laid.

Mon menu :

<ul class="menu">
<li></li>
<li>
    <ul>
        <li></li>
        <li></li>
    </ul>
</li>
<li></li>
<li></li>

C'est la version courte, c'est juste pour imager.

Maintenant le css. Quand je suis en .menu>li a:hover je change la couleur de a

.menu >li a:hover {
    color: #fff;
    text-shadow: 0 0 1px #000;}

Du coup, le sous menu s'affiche. Jusque là tout va bien. Sauf que, si je suis au dessus de l'ul du sous menu, il va de soi que la couleur choisie pour .menu>li a:hover disparait ( normal, je ne suis plus au dessus ).

Ma question est : Comment faire pour garder la couleur de mon lien quand je suis au dessus de son <ul> enfant ? J'ai testé plusieurs trucs, sans résultat.

Comme :

.menu>li>ul:hover .menu >li a

ou encore :

.menu>li>ul:hover li::before a

Bref, je ne trouve pas de solution, j'espère que Grafikart en aura :)

Merci d'avance !

4 réponses


Bonjour, peux-tu faire un screen ou nous donner un lien pour qu'on comprenne un peu mieux ton problème. =) j'avoue, tu m'as perdu.

Estillia
Auteur

[url=www.luluetsatribu.fr]www.luluetsatribu.fr[/url] Dans le menu, si tu vas au dessus de catégories, le sous menu s'affiche et le lien "catégories" change de couleur. Quand tu vas dans le sous menu, le lien "catégories" revient à sa couleur normale, et je souhaite qu'il reste dans la couleur identique à celle du hover. Merci :)

Estillia
Auteur

Il y a un élément de réponse, je vais voir ce que je peux faire.

Merci :)