Section d'un parent

Par Estillia, il y a 12 ans


Les bases HTML/CSS

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

coloo, il y a 12 ans

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, il y a 12 ans

[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, il y a 12 ans

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

Merci :)