在薩斯

Question

只能延伸一級我無禮的幾行：

.content{ 
    width: 960px; 
    padding: 15px 0; 
    margin: auto; 
    background: inherit; 

    p{ 
     text-align: justify; 
     padding: 10px; 
    } 
} 

在一些地方，我想延長一類。內容，就像這樣：

.header{ 
    position: relative; 
    @extend .content; 
} 

的事情是，它顯然也擴展了「.content2」中的「p」標籤，但這對我來說是一個問題，因爲我在「.header」中有一個「p」標籤，我不希望它繼承該填充，對齊，我不知道是否有可能繼承「.content」的第一級（從寬度到背景）。

Answer 1

否。如果擴展選擇器，則擴展所有具有相同名稱的選擇器（包括.foo .content）。您最好的選擇是有多個選擇器來擴展：

%foo { 
    width: 960px; 
    padding: 15px 0; 
    margin: auto; 
    background: inherit; 
} 
.content { 
    @extend %foo; 
    p { 
     text-align: justify; 
     padding: 10px; 
    } 
} 

.header { 
    @extend %foo; 
}