Question

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

*{transition:all .5s ease}

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

我尝试过定义一个名为'.no-transition'的类，并且没有重要的...

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

我直接将这个类添加到了我不想转换的元素中。

这不起作用..我也尝试用jQuery将该类添加到元素中，但是出现了..

*{transition:all .5s ease}仍会覆盖任何尝试。

我宁愿不进入每个元素，并在课堂上进行过渡...我更愿意只针对一个...任何建议？

Answer 1

您可以使用:not pseudo class

来取消课程

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

现在所有元素都将被转换，除了那些类notransition。

Example Here

轻松转换所有除了一个元素

1 个答案: