css - 简单 :hover 永远不会被触发

Question

我有一些 :hover 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;
}