<div class="div1">内容1 </div>
<div class="div2">内容2</div>
<div class="div3">内容3</div>
.
.div1 {
width: 100px;
height: 100px;
float: left;
background-color: green;
}
.div2 {
width: 100px;
height: 100px;
float: left;
background-color: green;
}
.div3 {
width: 100px;
height: 100px;
float: left;
background-color: red;
}
.div1:hover {
background-color: red;
}
.div2:hover {
background-color: red;
}
.div3:hover {
background-color: red;
}
.div2:hover ~ .div3 {
background-color: green;
}
.div1:hover ~ .div3 {
background-color: green;
}
鼠标移动切换颜色