使用SCSS或LESS調用所有班級風格到一個班級

Question

這讓我困擾了一陣子。我想創建一個包含一組特定類的類（如果可以的話）。就像這樣：

.main_class { 
    //Contains multiple class css 
    class_one_css 
    class_two_css 
    class_three_css 
} 

然後，你可以這樣調用

<input type="text" class="main_class"/> 

與其說這樣

<input type="text" class="class_one class_two class_three"/> 

希望多類很快得到答案的。謝謝。

Answer 1

您可以通過使用更少的做到這一點.. Sample pen

LESS CSS

.class_one { 
    background: #c0c0c0; 
    } 
.class_two { 
    width: 200px; 
    height:100px; 
    border: 1px solid black; 
} 
.class_three { 
    text-align: center; 
    padding: 15px; 
} 

.main_class { 
    .class_one(); 
    .class_two(); 
    .class_three(); 
} 

HTML

<div class="main_class"> 
    Your text goes here 
</div> 

Answer 2

少用，你可以做到這一點

.main_class { 
    //Contains multiple class css 
    .class_one_css; 
    .class_two_css; 
    .class_three_css; 
} 

這裏試試：http://winless.org/online-less-compiler