是否可以将.css文件中定义的类扩展为.scss文件？

Question

例如:

app.scss

@import url('orange.css');  
@import 'navel.scss';

orange.css

.orange {  
  color: orange;  
}

navel.scss

.navel {  
    @extend .orange;  
}

Answer 1

在SASS,如果你添加

@import "test.css";

要么

@import url("test.css");

它被编译为纯css @import指令.由于该文件具有.css扩展名,因此SASS预处理器认为这是纯CSS,而内部代码不参与SASS语言操作.在您的示例中,如果您尝试扩展,.orange您将获得:

The selector ".orange" was not found.

简而言之:只有在使用SASS文件时才可以进行扩展.