オーバーライドの少ないクラスとサブ

Question

私はrect:activeとrect.myClassのLessステートメントを持っています。 rect.myClass:activeはrect.myClassと同じにしたいと思います。どうやってこれを簡単にすることができますか？

例：今すぐ

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

rect.myClass:activeもそのひとつライナーよりも、その多くのもの

Answer 1

以外opacity : .5を持っている必要があり、それはクラスmyClassを持っているdoen't場合elemntに:activeスタイルを適用しないでください。

少ないコード

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

    &.myClass { 
    opacity: .5; 
    } 
} 

は、CSSにコンパイル

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