html - 使用不带参数的混合比使用扩展更有效

我在网上浏览了许多文章，完全感到困惑。
有人可以在下面澄清一下吗

使用不带参数的混合比使用扩展更有效

最佳答案

扩展一个类将只添加一次样式，并在样式定义的旁边添加需要应用样式的所有选择器。另一方面，mixin会将样式分别复制到包含选择器的每个选择器中。

这就是我的意思。

混合蛋白

@mixin mixin(){
    color: blue;
}

.selector-1{
     @include mixin();
}

.selector-2{
     @include mixin();
}

编译为

.selector-1 {
    color: blue;
}
.selector-2 {
    color: blue;
}

延伸课程

.extend{
    color: blue;
}

.selector-1{
    @extend .extend;
}

.selector-2{
    @extend .extend;
}

编译为

.extend, .selector-1, .selector-2 {
    color: blue;
}

因此，就效率而言，扩展类将导致较小的编译文件大小，这就是Sass首先提供extend功能的原因。

关于html - 使用不带参数的混合比使用扩展更有效，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53454899/