对于Sass，如何命名css文件的名称空间以避免与其他css框架冲突？

Sass团队似乎已经在Sass 3.4中删除了这一功能，但我正在尝试为语义UI CSS库命名名称，以避免与其他库发生冲突，并且它不起作用

.semantic-namespace {
@import "semantic-ui-css/semantic.min.css";
}

我得到了这个错误

error sass/semantic-namespace.scss (Line 3: CSS import directives may only be used at the root of a document.)

它似乎在说我只能在顶部使用@import

---

找到了几年前的一些文档，但我认为它们太旧了，有些东西已经改变了。

用下划线命名您的内部文件，并以scss结尾。是的，即使它是纯css，即semantic.min.css→ _semantic.min.scss

有这样一个外部文件：

#main .content {  // if that's, where you want them to rule only
    @import 'semantic.min';
}

简而言之，下面的语法是：

导入（包括）原始CSS文件 语法末尾没有

.css

扩展名（导致实际读取部分s[ac]ss|css，并将其内联到SCSS/SASS）：

以传统方式导入CSS文件 语法采用传统的方式，结尾是.css扩展名（在编译的css中，结果是@import url（“semantic.min.css”））：

而且它非常好：这种语法优雅简洁，而且向后兼容！它与libsas和node sas配合使用效果很好

@import "semantic.min";

@import "semantic.min.css";