하나의 요소를 제외한 모든 전환 용이성

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; 
} 

내가 전환하고 싶지 않은 요소에 직접적으로 클래스를 추가했습니다.

이 작동하지 않았다 .. 나는 또한 시도는

*{transition:all .5s ease}

여전히 적 시도를 무시 .. jQuery로 요소에 클래스를 추가했지만 나타납니다.

나는 모든 요소에 들어 가지 않고 클래스에서 전환을하지 않을 것이다. 나는 단지 하나의 목표만을 선호 할 것이다.

Answer 1

당신은 단지 :not pseudo class 사용하여 클래스를 상실 될 수 있습니다 :

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

지금 모든 요소 클래스 notransition있는 사람을 제외하고 전환됩니다.

Example Here