css - SASS/LESS/SCSS 嵌套 vs 单类声明

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

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

你可以在这里阅读更多关于它的信息：http: //chrisltd.com/blog/2013/05/dont-deeply-nest-sass-less/