背景颜色的转换而不被触发

Question

我正在尝试进行背景色转换，悬停时元素a的颜色将切换到另一种颜色。但是A的颜色已经在没有悬停的情况下切换了

.A
{
background-color: #1A1A1F;
}
.A:hover
{
background-color: #424242;
transition:  background-color,0.5s ;
-o-transition: background-color, 0.5s ;
-moz-transition:  background-color, 0.5s;
-webkit-transition:  background-color, 0.5s;
cursor: pointer;
}

在这里，默认情况下，A的颜色应该是#1A1A1F，当你悬停在它上面时，它会切换到#424242，但它不是默认的颜色，而是在没有悬停的情况下已经改变了。

Answer 1

首先，您应该将转换放在:hover选择器的主选择器中，将转换放入:hover会得到不同的结果
其次，转换应该定义为：transition: background-color 0.5s;，中间没有逗号。当您有不同的转换时，应该使用逗号，例如：transition: background-color .5s, width 1s;
如果您有多个转换，并且希望为它们提供相同的转换持续时间，则可以使用all，也可以不提供类似transition: all 1s;或transition: 1s;的属性名称
无论如何，您的代码应该是这样的：

.A{
background-color:#1A1A1F;
transition: background-color .5s;
}
.A:hover{
background-color:#424242;
}