Question

我在我的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移动......

Answer 1

你只需要为转换声明新属性，旧的继承属性就会消失。

所以，我刚刚使用了这个＆gt;

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

在此之后，只有颜色过渡正在运作！

也许有更好的解决方案？

仅为一个css属性禁用继承的转换（全部）

1 个答案: