抽象超類

Question

我想讓SASS在編程中做類似於抽象超類的事情。我得到儘可能的超部分

.box { 
    @include span-columns(1); 
    @include border-radius(5px); 
    height: 360px; 
    overflow: hidden; 
} 


article { 
    @extend .box; 
} 

figure { 
    @extend .box; 
} 

這是一種方式來定義的盒子共性，而不在生成的CSS複製它們，將有一個混合發生。然而，這個解決方案有一個缺陷，就是我定義了一個我並不需要和想要的（CSS）類「盒子」的規則。可以肯定的是，這是一個小問題，我還想知道是否有一種方法可以將「.box」製作爲僅在SASS預處理期間使用且不出現在CSS中的標籤。

Answer 1

你要定義你的「超」使用的%代替.

%box { 
    @include span-columns(1); 
    @include border-radius(5px); 
    height: 360px; 
    overflow: hidden; 
} 

article { 
    @extend %box; 
} 

figure { 
    @extend %box; 
} 

注意，這需要版本3.2+