Question

我想询问什么时候对于SASS来说，关于下面提供的两个例子，我格式化代码的方式是否重要？请参阅以下两个输出相同CSS的选项。

@include breakpoint(large) {
.bookhome{
padding-top: 0; }}

或

.bookhome{
@include breakpoint(large) {
padding-top: 0; }}

Answer 1

我认为这是一个非常主观的问题。每个人都有自己的意见和偏好来构建他们的CSS。因此，我认为没有正确或错误的答案。

就个人而言，我更喜欢将断点嵌套在我的CSS选择器中，如下所示，这样您就可以一目了然地看到断点之间的样式如何变化。

.example {
    // mobile

    @include breakpoint(small) {
        // tablet
    }

    @include breakpoint(medium) {
        // desktop
    }

    @include breakpoint(large) {
        // large desktop
    }

    &--modifier {
        // mobile

        @include breakpoint(small) {
            // tablet
        }

        @include breakpoint(medium) {
            // desktop
        }

        @include breakpoint(large) {
            // large desktop
        }
    }
}

这两个中的哪一个是编写SASS的最佳方式

1 个答案: