Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/firebase/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Sass vs LESS-包含css类_Css_Sass_Less - Fatal编程技术网

Sass vs LESS-包含css类

Sass vs LESS-包含css类,css,sass,less,Css,Sass,Less,在较少的时间内,您可以做到: .my-class { color:blue; } .my-other-class { .my-class; font-size:14px; } 在Sass中,可以使用@extend: .my-other-class { @extend .my-class; font-size:14px; } 但是,在对主要文本的评论中,他说它可能不适用于@media指令。 所以Sass中的@extend和LESS中的m

在较少的时间内,您可以做到:

.my-class {
    color:blue;
}

.my-other-class {
    .my-class;
    font-size:14px;
}
在Sass中,可以使用
@extend

.my-other-class {
        @extend .my-class;
        font-size:14px;
}
但是,在对主要文本的评论中,他说它可能不适用于
@media
指令。
所以Sass中的
@extend
和LESS中的mixin的功能是完全相同的?

它会工作的,Martin的意思是,如果类中有它们,mediaquery也会被扩展。因此,如果.my类的媒体查询最大宽度为500{color:blue},最小宽度为600{color:green},您必须记住它将在extend中执行