HTML/CSS:悬停函数不工作

当我用鼠标悬停div时，hover函数并没有应用它的效果，而是在我打开/刷新.html文件时发生，悬停它没有效果。该代码与工作的hover函数相同，我不明白为什么它在我悬停时不工作，而是在页面刷新时工作

有什么建议吗

以下是HTML：

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

提前谢谢

编辑：这是完整的文件，您可以查看它：

.insideinbeween{
背景#5D7075；
宽度：60px；
字体系列：“开放式SAN”；
字体大小：20px；
文本对齐：居中；
边框：2倍纯红；
填充：25px；
保证金：自动；
边缘顶部：50px；
颜色：#333333；
-o-过渡：背景0.5s线性；
-moz过渡：背景0.5s线性；
-khtml转换：背景0.5s线性；
-webkit过渡：背景0.5s线性；
-ms转换：背景0.5s线性；
过渡：背景0.5s线性；
}
}/*这对我很有用。
.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;
}