css - 仅对一个CSS属性禁用继承的过渡(全部)

我的CSS文件中包含以下代码，该代码全局打开锚元素上所有CSS属性的所有链接的过渡：

a{
    display:block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

稍后在CSS文件中，我想关闭特定链接的过渡（例如类notrans），但仅针对background-position。
就像是：

a.notrans{
    -webkit-transition: background-position 0;
    -moz-transition: background-position 0;
    -o-transition: background-position 0;
    -ms-transition: background-position 0;
    transition: background-position 0;
}

但是此代码不起作用。

我必须打开background-position过渡并保持其他过渡，所以精灵-背景图像在a.notrans上不会移动...

最佳答案

您只需要声明新的过渡属性，而旧的继承属性就消失了。

所以，我只是用这个>

a.notrans{
-webkit-transition:color .2s;
-moz-transition:color .2s;
-o-transition:color .2s;
-ms-transition:color .2s;
transition:color .2s;
}

此后，只有颜色过渡有效！

也许有更好的解决方案？