2013-11-22 38 views

回答

1

這不是簡單地做的情況下: -

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

或者,更好: -

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

和應用類 '東西' 在需要的地方。這似乎並不需要Sass特定的解決方案。除非你想擴展後一個例子: -

.one { @extend .thing; } 

等等。

0

與@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; 
}