我的项目中有20多个.scss工作表。
我想将它们放在“导入”表中，其中仅根据屏幕宽度读取某些表。
我正在使用以下方法在具有imports.css的非SASS项目中工作：
@import url('sheet-1.css');
@import url('sheet-2.css') screen and (min-width: 300px) and (max-width: 730px);
我已经在imports.scss文件中尝试过此操作-但编译后的imports.css出现错误，提示：
Syntax error: Invalid CSS after \"sheet-2.css') \": expected selector or at-rule, was \"screen and (min...\"\A
这是错误的方法吗？..还是有解决方案？
当您使用时，这显然是Sass解析器中的错误url()。您将改为这样编写它：
@import 'sheet-1.css';
@import 'sheet-2.css' screen and (min-width: 300px) and (max-width: 730px);
这应该编译为（CSS验证器说这是有效的）：
@import url(sheet-1.css);
@import 'sheet-2.css' screen and (min-width: 300px) and (max-width: 730px);
我已经代表您提交了一个错误报告，您可以在此处进行跟踪：https : //github.com/nex3/sass/issues/1042
但是，我确实建议您将这些文件转换为Sass，以便将它们编译为单个CSS文件。所有浏览器都下载所有链接的样式表，即使它们当前不满足媒体查询限制：
@import 'sheet-1'; // filename = _sheet-1.scss
@media screen and (min-width: 300px) and (max-width: 730px) {
@import 'sheet-2'; // filename = _sheet-2.scss
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句