Question

当我用鼠标悬停div时，悬停功能，而不是应用它的效果，只要我打开/刷新.html文件就会发生，并且悬停它没有任何效果。代码与工作悬停功能相同，我不明白为什么它在我悬停时不起作用，而是在页面刷新时。

有什么建议吗？

这是HTML：

(...)<div class="firstInbetween">
        <div class="insideInbetween" style="cursor: pointer">
            <p>TRADE</p>
        </div>
    </div> (...)

这是CSS：

.insideInbetween {
  background: #5D7075;
  width: 60px;
  font-family: 'Open Sans';
  font-size: 20px;
  text-align: center;
  border: 2px solid red;
  padding: 25px;
  margin: auto;
  margin-top: 50px;
  color: #333333;
  -o-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -khtml-transition: background 0.5s linear;
  -webkit-transition: background 0.5s linear;
  -ms-transition: background 0.5s linear;
  transition: background 0.5s linear;
}


.insideInbetween:hover {
  background: #b50000;
}

提前致谢！

编辑：这是完整的文件，因此您可以查看它：https://jsfiddle.net/arxs6b66/

Answer 1

＆＃13;

.insideInbetween {
  background: #5D7075;
  width: 60px;
  font-family: 'Open Sans';
  font-size: 20px;
  text-align: center;
  border: 2px solid red;
  padding: 25px;
  margin: auto;
  margin-top: 50px;
  color: #333333;
  -o-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -khtml-transition: background 0.5s linear;
  -webkit-transition: background 0.5s linear;
  -ms-transition: background 0.5s linear;
  transition: background 0.5s linear;
}


} /* <-- DELETE THIS*/
.insideInbetween:hover {
  background: #b50000;
}
.secondInside {
  background-color: #123189;
  color: white;
  width: 35%;
  float: left;
  height: 500px;
  margin: 2%;
}

＆＃13;

在完整的jds中有一个{在悬停之前，只需删除它并且它可以正常工作

HTML / CSS：悬停功能不起作用

1 个答案: