轻松转换除一个元素以外的所有内容

Question

我拥有以下内容，因为我希望轻松转换所有内容。

*{transition:all .5s ease} 

但我对面只有一个元素，我不想转型来......

我试图定义一个名为“没有过渡”，并没有跨类重要的..

.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