減去覆蓋類和子

Question

我對rect:active和rect.myClass的語句較少。我希望rect.myClass:active與rect.myClass相同。我怎樣才能輕鬆做到這一點？

如：

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

現在rect.myClass:active也應該有opacity : .5除了它不僅僅是一個班輪更多的東西

Answer 1

請勿:active樣式的elemnt如果doen't有myClass類。

更少的代碼

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

    &.myClass { 
    opacity: .5; 
    } 
} 

編譯爲CSS

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