덜 재정의 된 클래스 및 하위

Question

나는 rect:active 및 rect.myClass에 대한 Less 문을 사용합니다. rect.myClass:active은 rect.myClass과 같아야합니다. 어떻게하면 쉽게 할 수 있습니까?

예 :

이

rect:active { opacity : 1 } 
rect.myClass { opacity : .5 } 

이제 rect.myClass:active는 것을 제외하고 opacity : .5이 있어야합니다 단지 하나 라이너보다는 그것의 더 많은 물건

이 클래스 myClass이 doen't 경우

Answer 1

는 elemnt에 :active 스타일을 적용하지 마십시오 .

적은 코드

rect { 
    &:not(.myClass) { 
    &:active { 
     opacity: 1; 
    } 
    } 

    &.myClass { 
    opacity: .5; 
    } 
} 

는 CSS로 컴파일

rect:not(.myClass):active { 
    opacity: 1; 
} 
rect.myClass { 
    opacity: 0.5; 
}