Élément enfant de style lorsqu’il survole un parent

Comment changer le style de l’élément enfant lorsqu’il y a un survol sur l’élément parent. Je préférerais une solution CSS pour cela si possible. Existe-t-il une solution possible via: les sélecteurs CSS hover. En fait, je dois changer la couleur de la barre d’options à l’intérieur d’un panneau lorsqu’il y a un survol sur le panneau.

Vous cherchez à prendre en charge tous les principaux navigateurs.

Oui, vous pouvez certainement le faire. Utilisez simplement quelque chose comme

.parent:hover .child { /* ... */ } 

Selon cette page, elle est supscope par tous les principaux navigateurs.

Oui, vous pouvez le faire en utilisant ce code ci-dessous, cela peut vous aider.

 .parentDiv{ margin : 25px; } .parentDiv span{ display : block; padding : 10px; text-align : center; border: 5px solid #000; margin : 5px; } .parentDiv div{ padding:30px; border: 10px solid green; display : inline-block; align : cente; } .parentDiv:hover{ cursor: pointer; } .parentDiv:hover .childDiv1{ border: 10px solid red; } .parentDiv:hover .childDiv2{ border: 10px solid yellow; } .parentDiv:hover .childDiv3{ border: 10px solid orange; } 
 
Hover me to change Child Div colors
First Div Child
Second Div Child
Third Div Child
Fourth Div Child