Bonjour

je souhaite quand la souris passe sur un element changer des propriétés de celui ci, mais également d'autres éléments de la page.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<div id="repons1-1"><div id="repons1-2">réponse1</div></div>
  <div  id="repons2">réponse2</div>
  <div  id="repons3-1"><div id="repons3-2">réponse3</div>
  <a href="#"><div id="bi">1</div></a>
  </div>
  </div>
lorsque je fait un hover sur la div bi je souhaite que les div repons1-1 et 1-2 réagisse aussi a cet hover en affichant une ombre portée.
donc dans la feuille de style je fait
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
#bi:hover{
}
Donc pour le#bi pas de soucis, mais est il possible de définir de propriétés pour l'id reponse1-1 ET 1-2 avec le bi:hover.
N'y aurait pas quelque chose à faire en utilisant la pseudo class :child si je modifie mon code Html