除一个元素外的所有元素都易于过渡

Question

我准备了以下内容，因为我想轻松过渡所有内容。

*{transition:all .5s ease}

但我只遇到了一个我不想过渡的元素...

我已经尝试定义一个名为“.no-transition”的 class 并且在整个过程中都不重要..

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

我直接在我不想过渡的元素上添加了 said class。

这没有用。我也尝试使用 jQuery 将 class 添加到元素中，但出现了..

*{transition:all .5s ease} 仍然覆盖所有尝试。

我不想进入每个元素并在 class 上进行过渡...我更喜欢只针对一个元素..有什么建议吗？

Answer 1

您可以使用 :not pseudo class:

来否定 class

*:not(.notransition) {
    transition:all .5s ease;
}

现在所有元素都将被转换，除了带有 class notransition 的元素。

Example Here

除一个元素外的所有元素都易于过渡

ease transition all except one element

javascript

css

jquery