Appliquer un style à un élément parent au survol d'un enfant (CSS)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Appliquer un style à un élément parent au survol d'un enfant (CSS)

vanquishV12

se coucher tard nuit

Salut,

Je bloque toujours sur un point en CSS.
Disons que j'ai ceci :

Code :

<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Itemdéroulant
<ul>
<li>Ss-Item</li>
<li>Ss-Item</li>
<li>Ss-Item</li>
</ul>
</li>
</ul>

Je voudrais que l'aspect de "Itemdéroulant" change lorsque je survole un sous item.

En gros, est il possible de viser un élément parent lorsque le hover concerne un élément enfant.
Pas facile à expliquer :sweat:

Par exemple pour faire un menu déroulant, il suffit de faire :
ul li ul{display:none}
ul li:hover ul li{display:block}

Ok.
Mais là, si je veux que lorsque le li de sous item est survolé le "Itemdéroulant" change d'aspect, je fait comment ? (disons que je le veuille en rouge).
ul li ul li:hover{} => va me mettre en forme le dernier li (sous item).

Merci
Je ne sais pas si j'ai réussi à être compréhensible :\

Message cité 2 fois

Publicité

Pascal le nain

Normalement, si l'event "hover" est sur l'enfant, il est aussi sur tous ses parents.
Donc tu devrais pouvoir récupérer l'event sur le père

Skopos

Avec du JS alors, parce que cibler le parent à partir d'un event sur l'enfant je crois bien (si je me trompe tant mieux) que ce n'est pas possible en pur CSS... :spamafote:

vanquishV12

se coucher tard nuit

Oui, seul le JS permet ça je confirme après pas mal de recherches.

Cver1

...alors avance.

Gros déterrage : j'ai le même soucis. Je pense que l'on peut y parvenir en CSS, sans JS, en utilisant le child-selector " > " (au moins sur FF).

Enfin du coup je galère. Je suis preneur d'une piste. :jap:

Message édité par Cver1 le 31-03-2011 à 17:13:10

Cver1

...alors avance.

Bon et bien c'est possible. Pas pratique (quoi que je ne connais pas la méthode JS), mais possible. Un tuto sur SdZ : http://www.siteduzero.com/tutoriel [...] ontal.html

gatsu35

Blablaté par Harko

Tu n'as pas compris le problème et ça reste du JS

---------------
Blablaté par Harko

Cver1

...alors avance.

:heink:

Ça fonctionne chez moi avec le lien cité plus haut, et il n'y a pas une once de JS.

gatsu35

Blablaté par Harko

On se la refait :
Le monsieur veut que lorsqu'il navigue sur un enfant ça remonte à un lointain parent pour lui changer son style.
En gros il veut dire : Si hover sur tel machin, tel autre élément tu lui change son style.

A moins de déclarer le :hover sur le parent qui du coup déclarera les styles sur les enfants tu ne peux rien faire d'autre.

---------------
Blablaté par Harko

Jacknight

vanquishV12 a écrit :

Salut,

Je bloque toujours sur un point en CSS.
Disons que j'ai ceci :

Code :

<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Itemdéroulant
<ul>
<li>Ss-Item</li>
<li>Ss-Item</li>
<li>Ss-Item</li>
</ul>
</li>
</ul>

YESSS !!! C'est possible !

Avec CSS4 the future is now : http://inserthtml.developpez.com/t [...] ions-css4/

Publicité

Dougstar7

vanquishV12 a écrit :

Salut,

Je bloque toujours sur un point en CSS.
Disons que j'ai ceci :

Code :

<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Itemdéroulant
<ul>
<li>Ss-Item</li>
<li>Ss-Item</li>
<li>Ss-Item</li>
</ul>
</li>
</ul>

YESSS !!! C'est possible !

Avec CSS4 the future is now : http://inserthtml.developpez.com/t [...] ions-css4/

Code :

ul! li:hover{
/* C'est la balise ul qui est sélectionnée */
}

FORUM HardWare.fr

Programmation

HTML/CSS

Appliquer un style à un élément parent au survol d'un enfant (CSS)

Sujets relatifs
Gros soucis ! element modifié tout seul alors que je ne veux pas!	Question à intégrateurs HTML/CSS
Supprimer un élément XML en ayant son ID	un peu perdu avec les CSS
[resolu] Probleme d'heritage des CSS	[CSS] Problème taille typo
[Résolu] Questions Menu déroulant /opacité/IE7	[Résolu] Lignes de code CSS venues de Saturne ?
CSS Alignement des blocs horizontal	[Résolu] Bug: le texte est gros aléatoirement...
Plus de sujets relatifs à : Appliquer un style à un élément parent au survol d'un enfant (CSS)

Page générée en 0.105 secondes