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

Question

我的 CSS 文件中有以下代码，它全局打开 anchor 元素上所有 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 过渡并保留其他过渡，这样 sprite - 背景图像就不会在 a.notrans 上移动 ...

Answer 1

您只需为转换声明新的属性，旧的继承属性就消失了。

所以，我只是用这个>

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

在此之后，只有颜色过渡起作用了!

也许有更好的解决方案？