結合指南針精靈中的類選擇器？

Question

我在icon.scss是這樣的：

$ ICN精靈基類： 「.icn」;
@import「icn/*。png」;
@include all-icn-sprites;

.blue-bullet li {@include icn-sprite（blue-dot）; }

最後的聲明受到來自http://compass-style.org/help/tutorials/spriting/的「選擇器控制」的啓發。這會給我這樣的輸出在我icons.css：

.icn，.icn-刪除，.icn鍵，.icn藍點的.blue子彈李{ 背景：網址（ '/images/icn-s55e477a40b.png'）no-repeat; }

.icn-blue-dot { background-position：0 -120px; }

.blue-bullet li background-position：0 -120px; }
...

正如你所看到的，藍點獲得其背景位置，藍子彈李爲好。並且都具有相同的背景位置。如預期。但是有可能將這些職位結合起來嗎？假設我有更多的「特殊選擇器」，那麼我的CSS會太大。所以必須有一個解決方案來組合相同的背景位置。我錯過了什麼？

所以我喜歡的東西，如落得：

.icn藍點，
的.blue子彈李{
背景位置：0 -120px;
}

乾杯

Answer 1

代替

的.blue子彈利{@include ICN-精靈（藍點）; }

您可以使用

.blue-bullet li 
{ 
    @extend .icn-blue-dot; 
}