Sass Class繼承：

Question

使用Sass和Compass我想導入一個字體文件，但有3種不同的大小。但是這個問題比這個更基本，下面的代碼是我可能想到的一個例子，但不確定sass類的繼承是否可以工作。什麼是這樣的最佳做法？

喜歡的東西

@include font-face("Kingthings Kelltika",font-files("http://www.fontsaddict.com/fontface/kingthings-kelltika.ttf")); 
.Kingthings { 
    font-family:"Kingthings Kelltika"; 
    .small{ 
      font-size:.7em; 
    } 
.medium{ 
      font-size:.1em; 
    } 
.large{ 
      font-size:2em; 
    } 
} 

，然後在html這樣說

<div class= "Kingthings small"> 

Answer 1

你的選擇將永遠不會達到你如何定義他們：

下面是一個簡單的方法來做你正在尋找的東西： http://jsfiddle.net/twT2e/

<div class= "Arial font-lg"> 
    Sample Text 
</div> 

.Arial { font-family:"Arial"; } 
.font-sm { font-size:.7em; } 
.font-md { font-size:1em; } 
.font-lg { font-size:2em; } 

如果你想使用SASS爲你的選擇器提供某種層次結構，它會看起來像這樣;

<div class= "Arial"> 
    <div class="font-sm">Sample Text1</div> 
    <div class="font-md">Sample Text1</div> 
    <div class="font-lg">Sample Text1</div> 
</div> 

.Arial { font-family:"Arial"; 
    .font-sm { font-size:.7em; } 
    .font-md { font-size:1em; } 
    .font-lg { font-size:2em; } 
}