简单：悬停永远不会被触发

Question

我有一些：悬停CSS：

.btnSimple {
    /*some css*/
}

<a href="" class="btnSimple">hover</a>

但这些规则永远不会得到应用。链接：

jsFiddle：http://jsfiddle.net/UnFhQ/78/

Answer 1

您尚未在.btnSmall类本身上声明转换。您必须先在类上指定transition-property和transition-duration属性，然后在btnSmall:hover上应用您希望转换的属性

如果您要为transition属性应用多个属性，则可以包含all关键字，以便可以转换多个属性。

简单示例：

.btnClass {
 transition: all 2s;
}

.btnClass:hover {
background: #fff;
border: 2px solid cornflowerblue;
}