将转换应用于:悬停未:活动

Question

我不确定这是否可能，但我所做的是：

a {
    background-color: white;
    transition: all 1s;
}
a:hover {
    background-color: grey;
}
a:active {
    background-color: black;
}

但我希望过渡不适用于：active（仅适用于：hover），我尝试了这个：

a {
    background-color: white;
}
a:hover {
    background-color: grey;
    transition: all 1s;
}
a:active {
    background-color: black;
}

结果完全相同（只是效果没有逆转）。有可能在完整的CSS中完成吗。

谢谢！

Answer 1

a {
    background-color: white;
    transition: all 1s;
}
a:hover {
    background-color: grey;
}
a:active {
    background-color: black;
    transition: none;
}

标记：

<menu type=list>
    <li><a>home</a></li>
    <li><a>work</a></li>
    <li><a>contact</a></li>
    <li><a>about</a></li>
</menu>

演示：http://jsfiddle.net/7nwLF/