减去覆盖类和子

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