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

我有一些：悬停CSS：

.btnSimple {
    /*some css*/
}

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

.btnSimple{
/*一些css*/
}

但这些规则从未得到应用。链接：

---

jsIDLE:

您还没有在

.btnSmall

类本身上声明转换。您必须首先在类上指定

转换属性

和

转换持续时间

属性，然后应用希望在

btnSmall:hover上转换的属性

如果要为
转换
属性应用多个属性，可以包括
all
关键字，以便可以转换多个属性

简单的例子：

.btnClass {
 transition: all 2s;
}

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

你在尝试哪种浏览器？在chrome 25中触发效果很好，但它在这里也能工作。。！哪个浏览器？您是否注意到正在使用
#FFF
作为边框颜色？只需从类中删除display属性即可