La date/heure actuelle est Jeu 28 Mar 2024 - 20:32

1 résultat trouvé pour 96DC95

Cibler un élément parent

Bonjour,
Dans mon code ci-dessous, je souhaiterais qu'au survol de "bandeau_onglet_histoire_ouvert", le lien "bandeau_onglet_histoire" ait "border-bottom: 4px solid #96DC95".

Mon code :
Code:
<a class="bandeau_onglet_histoire"><img src="......"/></a>
..........
<div align="center" class="bandeau_onglet_histoire_ouvert">
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
      ..........

CSS :
Code:
.bandeau_onglet_histoire_ouvert{
   display: none;
   }
.bandeau_onglet_histoire:hover{
   border-bottom: 4px solid #96DC95;
   }
.bandeau_onglet_histoire:hover ~ .bandeau_onglet_histoire_ouvert,
.bandeau_onglet_histoire_ouvert:hover{
   display: block;
   }


Je sais que ça doit ressembler à ça :
Code:
.bandeau_onglet_histoire XXX .bandeau_onglet_histoire_ouvert:hover{
   border-bottom: 4px solid #96DC95;
   }

mais qu'est-ce-que je dois mettre à la place des "XXX" ? Ce que je veux faire doit cibler l'élément parent.

Merci d'avance.
par alv
le Mer 16 Mar 2016 - 8:26
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Cibler un élément parent
Réponses: 15
Vues: 727

Revenir en haut

Sauter vers: