应用多个样式SASS

Question

我有2个款式，我需要申请元素与SASS：

.one { 
max-width: 960px; 
margin: auto; 
} 
.two { 
max-width: 960px; 
margin: auto; 
} 
.three { 
max-width: 960px; 
margin: auto; 
} 

我怎样才能做到这一点的干法？我不能从纪录片看到。

变量似乎只能通过一条规则。 Mixins通过多个，但我不需要一个变量。
http://sass-lang.com/documentation/file.SASS_REFERENCE.html

Answer 1

这不是简单地做的情况下： -

.one, 
.two, 
.three { 
max-width: 960px; 
margin: auto; 
} 

或者，更好： -

.thing { 
max-width: 960px; 
margin: auto; 
} 

和应用类 '东西' 在需要的地方。这似乎并不需要Sass特定的解决方案。除非你想扩展后一个例子： -

.one { @extend .thing; } 

等等。

Answer 2

与@drmonkeyninja类似，除了我会使用占位符（％）而不是类，特别是如果该类不在网站上使用。否则，所产生的CSS将包含冗余类：

.thing, 
.one, 
.two, 
.three { 
    max-width: 960px; 
    margin: auto; 
} 

因此，相反，你可以这样做：

%thing { 
    max-width: 960px; 
    margin: auto; 
} 

.one, 
.two, 
.three { 
    @extend %thing; 
} 

这将导致以下CSS，其中只包含您的网站将使用类：

.one, 
.two, 
.three { 
    max-width: 960px; 
    margin: auto; 
}