从背景色中删除过渡不起作用

Question

我有一个脚本，它添加了一个类"非转换"；到页面加载的正文(它在设置时间后将其删除(。我想从每个元素中删除背景色和颜色转换，但它似乎不起作用。

$(window).on("load", function(){
$("body").addClass("notransition");
setTimeout(function(){
$("body").removeClass("notransition");
}, 1000);
});

.notransition *{
transition-property: background-color, color !important;
transition-duration: 0s !important;
}

然而，我可以用这样的代码删除每个转换：

.notransition *{
transition: none !important;
}

是否可以仅将其应用于颜色和背景色属性？

Answer 1

如果我正确理解你的任务，它应该是相反的，例如，如果你想在页面加载上闪烁文本，setTransition而不是notransition：

$('document').ready(function() {
$("body").addClass("setTransition");
setTimeout(function(){
$("body").removeClass("setTransition");
}, 1000);
});

.setTransition {
background-color: yellow;
color: red;
transition-property: background-color, color;
transition-duration: 1s;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="greeting">
Hi there!
</div>

Answer 2

尝试以下代码，它可能会帮助您解决问题：

.notransition *{
transition:background-color 0s, color 0s;
}