【问题标题】:SASS/LESS/SCSS nesting vs single class declarationsSASS/LESS/SCSS 嵌套 vs 单类声明
【发布时间】:2013-08-05 16:02:14
【问题描述】:

我有一个这样的 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 {

}

【问题讨论】:

  • 这取决于你想要什么......
  • 我认为应该重新提出这个问题。这只是一个意见问题。有很好的技术原因说明您可能会或可能不会将选择器嵌套在 Sass 或 Less 中。

标签: css sass less


【解决方案1】:

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

您可以在此处阅读更多信息:http://chrisltd.com/blog/2013/05/dont-deeply-nest-sass-less/

【讨论】:

    猜你喜欢
    • 2012-06-20
    • 2018-11-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-01-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多