我有两个div,我想通过悬停在第二个div上来改变第一个div的颜色。我找到了一些解决方案,当“hovered”出现在要更改其CSS的目标之前时,但如果“hovered”出现在之后呢?有什么方法可以不使用JavaScript来实现吗?
.box, .box-2 {
display: block;
height: 100px;
width: 100px;
margin: 20px;
}
.box {
background-color: red;
}
.box-2 {
background-color: blue;
}
.box-2:hover + .box {
background-color: green;
}
<body>
<div class="wrapper">
<div class="box"></div>
<div class="box-2"></div>
</div>
</body>