[Résolu] Hover dd et dt

bonjour j'ai

[code=html <dl id="profil-physique">
<dt>taille :</dt><dd>réponse</dd>
<dt>silhouette :</dt><dd>réponse</dd>
<dt>cheveux :</dt><dd>réponse</dd>
<dt>la longueur de vos cheveux</dt><dd>réponse</dd>
<dt>yeux :</dt><dd>réponse</dd>
<dt>style :</dt><dd>réponse</dd>
<dt>physique :</dt><dd>réponse</dd>
<dt>poids :</dt><dd>réponse</dd>
<dt>le plus attirant :</dt><dd>réponse</dd>
</dl>][/code]

      #profil-physique, #profil-perso, #profil-valeur, #profil-loisir, #profil-pro, #profil-localisation
	  {
	  margin:0;
	  }

      #profil-physique dt, #profil-perso dt, #profil-valeur dt, #profil-loisir dt, #profil-pro dt, #profil-localisation dt
	  {
	  float:left;
	  width:30em;
	  padding:1em;
	  }

      #profil-physique dd, #profil-perso dd, #profil-valeur dd, #profil-loisir dd, #profil-pro dd, #profil-localisation dd
	  {
	  padding:1em;
	  margin-left:30em;
	  border-left:1px solid #000000;
	  }

      #profil-physique dt,#profil-physique dd,
	  #profil-perso dt,#profil-perso dd,
	  #profil-valeur dt,#profil-valeur dd,
	  #profil-loisir dt,#profil-loisir dd,
	  #profil-pro dt,#profil-pro dd,
	  #profil-localisation dt, #profil-localisation dd
	  {
	  background-color:#CCCCCC;
	  }

      #profil-physique dt, #profil-physique dt + dd,
	  #profil-perso dt, #profil-perso dt + dd,
	  #profil-valeur dt, #profil-valeur dt + dd,
	  #profil-loisir dt, #profil-loisir dt + dd,
	  #profil-pro dt, #profil-pro dt + dd,
	  #profil-localisation dt, #profil-localisation dt + dd
	  {
	  border-top:1px solid #000000;
	  }

      #profil-physique dt:hover, #profil-physique dt:hover + dd,
	  #profil-perso dt:hover, #profil-perso dt:hover + dd,
	  #profil-valeur dt:hover, #profil-valeur dt:hover + dd,
	  #profil-loisir dt:hover, #profil-loisir dt:hover + dd,
	  #profil-pro dt:hover, #profil-pro dt:hover + dd,
	  #profil-localisation dt:hover, #profil-localisation dt:hover + dd
	  {
	  background:#EEEEEE;
	  }

là quand je passe ma sourie (pas l'animal lol ) sur la balise dt

il me fait bien hover sur dd et dt

mais quand je passe la souris sur dd, il ne m fait pas mon hovert

peut-êtr il faut ajouter un css

j'ai tester

#profil-physique dd:hover, #profil-physique dd:hover + dt

mais ca n'a pas marché

avez-vous une idée

Bonjour ivan750,

un exemple à tester , voir si cela fonction sur tous les naviteurs (pour moi c'est ok sur dernières version de edge, chrome, firefox)

https://codepen.io/Zonecss/pen/WmrVZp

merci, ça fonctionne