कम - क्या आप एकाधिक कक्षाओं को लिखने के लिए कई चयनकर्ताओं को एक साथ जोड़ सकते हैं?

Question

इसके बजाय इस लेखन के

:

.class-one .class-two h2, .class-one .class-two h3, .class-one .class-two h4, 
.different-class-one .different-class-two h2, .different-class-one .different-class-two h3, .different-class-one .different-class-two h4 
.another-class-one .another-class-two h2, .another-class-one .another-class-two h3, .another-class-one .another-class-two h4 
{ 
    background-color: @orange; 
} 

वहाँ, अंतिम चयनकर्ता मुख्य चयनकर्ता के रूप में कक्षाओं का एक सेट को परिभाषित तो बदलने के लिए एक तरीका है?

कुछ की तरह:

.class-one .class-two h2/h3/h4, 
.different-class-one .different-class-two h2/h3/h4, 
.another-class-one .another-class-two h2/h3/h4 
{ 
    background-color: @orange; 
} 

Answer 1

का प्रयोग करें एक mixin:

.header-template() { 
    h2, h3, h4 { 
     background-color: @orange; 
    } 
} 

.class-one .class-two, 
.different-class-one .different-class-two, 
.another-class-one .another-class-two { 
    .header-template(); 
} 

.class-one .class-two h2, 
.different-class-one .different-class-two h2, 
.another-class-one .another-class-two h2, 
.class-one .class-two h3, 
.different-class-one .different-class-two h3, 
.another-class-one .another-class-two h3, 
.class-one .class-two h4, 
.different-class-one .different-class-two h4, 
.another-class-one .another-class-two h4 { 
    background-color: #ffa500; 
} 

( @orange चर, पिछले compiles करने की घोषणा के बाद)