輕松過渡除一個要素外的所有要素

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}仍會覆蓋*{transition:all .5s ease}嘗試。

我寧願不要進入每個元素並在課堂上進行過渡...我更希望僅針對一個元素..有什么建議嗎？

Answer 1

您可以使用:not偽類來否定該類 ：

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

現在，除具有notransition類的元素外，所有元素都將被轉換。

這里的例子