Sass vs LESS - 包括css课程

Question

你可以做到这一点：

.my-class {
    color:blue;
}

.my-other-class {
    .my-class;
    font-size:14px;
}

在Sass中，可以使用@extend：

完成

.my-other-class {
        @extend .my-class;
        font-size:14px;
}

但是here，在对正文的评论中，MartinAnsty表示它可能不适用于@media指令。 所以Sass中的@extend和LESS中的mixins的功能是完全相同的吗？

Answer 1

它会起作用，Martin意味着媒体查询也将被扩展，如果上课的话。因此，如果.my-class有媒体查询max-width 500 {color：blue}和min-width 600 {color：green}，你必须记住它将在extend中执行。