在萨斯

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