Question

我有一个像这样的HTML布局

<div class="one">
    <div class="two">
        <div class="three">
            <p class="p1"></p>
        </div>
    </div>
</div>

使用像LESS / SASS / SCSS这样的预处理器CSS库，我可以相应地嵌套我的类：

.one {
    .two {
        .three {
            p.p1 { }
        }
    }
}

问题是，我应该吗？或者做得更好：

.one {

}

.two {

}

.three {

}

.p1 {

}

Answer 1

我建议不要在不需要时嵌套。如果需要，它会使你的选择器过于具体而且难以在以后覆盖。