较少将样式应用于元素及其子元素

时间:2015-02-09 19:58:37

标签: css less

我有一个元素,page-header我要删除边距。该元素还有一个孩子h1,我也想删除边距。 LESS中是否有快捷语法允许我这样做。

现在我有这个:

.page-header,
.page-header h1{
    margin:0;
}

但我很好奇是否有类似的东西:

.page-header &+ h1{
    margin:0;
}

,渲染时,会给我像我上面的第一个代码块。 & +不起作用,我检查了

1 个答案:

答案 0 :(得分:2)

&符号只能与嵌套一起使用:

.page-header {
    &, & h1{
        margin:0;
    }
}

有关详细信息,请参阅my blog post