Как изменить стиль дочернего элемента при наведении на родительский элемент. Я предпочел бы решение CSS для этого, если это возможно. Есть ли возможное решение через: hover CSS selectors. На самом деле мне нужно изменить цвет панели параметров внутри панели, когда на панели есть наведение.
Ищете поддержку всех основных браузеров.
Да, вы можете это сделать. Просто используйте что-то вроде
.parent:hover .child {
/* ... */
}
Согласно эта страница, она поддерживается всеми основными браузерами.
Да, вы можете сделать это, используя этот ниже код, который может вам помочь.
.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;
}
<div class="parentDiv">
<span>Hover me to change Child Div colors</span>
<div class="childDiv1">
First Div Child
</div>
<div class="childDiv2">
Second Div Child
</div>
<div class="childDiv3">
Third Div Child
</div>
<div class="childDiv4">
Fourth Div Child
</div>
</div>