我想使用 JavaScript 更改类的 CSS 属性。我真正想要的是当 a<div>
悬停时,另一个<div>
应该变得可见。
.left,
.right {
margin: 10px;
float: left;
border: 1px solid red;
height: 60px;
width: 60px
}
.left:hover,
.right:hover {
border: 1px solid blue;
}
.center {
float: left;
height: 60px;
width: 160px
}
.center .left1,
.center .right1 {
margin: 10px;
float: left;
border: 1px solid green;
height: 60px;
width: 58px;
display: none;
}
<div class="left">
Hello
</div>
<div class="center">
<div class="left1">
Bye
</div>
<div class="right1">
Bye1
</div>
</div>
<div class="right">
Hello2
</div>
当 hello1 div 悬停时,bye1 div 应该是可见的,同样当 hello2 悬停时 bye2 应该出现。