我有四个div,我想在悬停时更改父div内三个子元素的背景颜色。
当我悬停在父元素上时,我希望用不同的颜色更改#a,#b和#c的背景颜色。
任何帮助都将不胜感激。
#a {
background: #174259;
height: 450px;
width: 450px;
display: flex;
margin: auto;
}
#b {
background: #C32525;
height: 350px;
width: 350px;
display: flex;
margin: auto;
}
#c {
background: #FCC459;
height: 250px;
width: 250px;
display: flex;
margin: auto;
}
.parent>#a:hover {
background: green;
}
<div class="parent">
<div id="a">
<div id="b">
<div id="c">
</div>
</div>
</div>
</div>