Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2515 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1995418
vanquishV1​2
se coucher tard nuit
Posté le 23-05-2010 à 11:26:56  profilanswer
 

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

Code :
  1. <ul>
  2. <li>Item</li>
  3. <li>Item</li>
  4. <li>Item</li>
  5. <li>Itemdéroulant
  6. <ul>
  7. <li>Ss-Item</li>
  8. <li>Ss-Item</li>
  9. <li>Ss-Item</li>
  10. </ul>
  11. </li>
  12. </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 :\

mood
Publicité
Posté le 23-05-2010 à 11:26:56  profilanswer
 

n°2016879
Pascal le ​nain
Posté le 14-08-2010 à 02:11:15  profilanswer
 

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

n°2016913
Skopos
Titilleur de nombrils...
Posté le 14-08-2010 à 13:18:21  profilanswer
 

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:


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
n°2016925
vanquishV1​2
se coucher tard nuit
Posté le 14-08-2010 à 13:54:14  profilanswer
 

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

n°2067344
Cver1
...alors avance.
Posté le 31-03-2011 à 17:12:13  profilanswer
 

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
n°2067373
Cver1
...alors avance.
Posté le 31-03-2011 à 19:19:19  profilanswer
 

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

n°2067425
gatsu35
Blablaté par Harko
Posté le 31-03-2011 à 22:41:14  profilanswer
 

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


---------------
Blablaté par Harko
n°2067442
Cver1
...alors avance.
Posté le 01-04-2011 à 03:34:40  profilanswer
 

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

n°2067446
gatsu35
Blablaté par Harko
Posté le 01-04-2011 à 07:28:42  profilanswer
 

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
n°2158358
Jacknight
Posté le 27-09-2012 à 10:55:44  profilanswer
 

vanquishV12 a écrit :

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

Code :
  1. <ul>
  2. <li>Item</li>
  3. <li>Item</li>
  4. <li>Item</li>
  5. <li>Itemdéroulant
  6. <ul>
  7. <li>Ss-Item</li>
  8. <li>Ss-Item</li>
  9. <li>Ss-Item</li>
  10. </ul>
  11. </li>
  12. </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 :\


 
YESSS !!! C'est possible !
 
Avec CSS4 the future is now : http://inserthtml.developpez.com/t [...] ions-css4/

mood
Publicité
Posté le 27-09-2012 à 10:55:44  profilanswer
 

n°2158435
Dougstar7
Posté le 27-09-2012 à 22:01:22  profilanswer
 

vanquishV12 a écrit :

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

Code :
  1. <ul>
  2. <li>Item</li>
  3. <li>Item</li>
  4. <li>Item</li>
  5. <li>Itemdéroulant
  6. <ul>
  7. <li>Ss-Item</li>
  8. <li>Ss-Item</li>
  9. <li>Ss-Item</li>
  10. </ul>
  11. </li>
  12. </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 :\


 
YESSS !!! C'est possible !
 
Avec CSS4 the future is now : http://inserthtml.developpez.com/t [...] ions-css4/
 

Code :
  1. ul! li:hover{
  2.     /* C'est la balise ul qui est sélectionnée */
  3. }



Aller à :
Ajouter une réponse
  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 IDun 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)


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR