css - シンプル：ホバーはトリガーされません

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