css - 简单 :hover never gets triggered

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;
}