我有两个带有以下代码的类-
<div class="arrow-left"> <h1> < </h1> </div>
<div class="arrow-right"><h1> > </h1> </div>
他们的风格——
.arrow-left{
position: fixed;
top:40%;
left:10%;
vertical-align: middle;
height:80%;width:5%;
text-align: center;
}
.arrow-right{
position: fixed;
top:40%;
right:10%;
vertical-align: middle;
height:80%;width:5%;
text-align: center;
}
.arrow-left:hover, .arrow-right:hover{
background-color: #4EB30B;
cursor:pointer;
}
它们用于导航目的。
当我将鼠标悬停在 .arrow-left 上时，它的背景不会改变，但是当我将鼠标悬停在 .arrow-right 上时，它的背景会发生变化。一旦我点击了 .arrow-right ，我将鼠标悬停在 .arrow-left 上，它的背景就会发生变化！
这发生在 Ubuntu 上的 Chrome 中。
这是
我想知道为什么会发生这种情况但不需要解决方法的网页。