带有导入的sass嵌套重置[重复]

Question

我的目标是重置#wrapper div 中的所有元素。

如何在 SASS 中做到这一点？

想法：

#wrapper {

    @import url(http://reset5.googlecode.com/hg/reset.min.css);  

}

Answer 1

以下是导入在 Sass 中的外观：

@import "_reset";

文件可以是 .scss、.sass 或 .css。它必须在您的本地文件系统上； @import 必须指向一个相对于你正在使用它的文件的位置。下划线是一个部分，这意味着它只会包含在其他文件中，并且不会输出它自己的 reset.css 文件。

您可能会发现保存该重置文件的本地副本最简单。考虑更改您的重置副本 - 重置 #wrapper body 没有什么意义。

另请注意，如果您只想影响#wrapper，您可以这样做：

#wrapper {
    @import "_reset";
}

但如果你想影响#wrapper 中的所有内容，你可以这样做：

#wrapper * {
    @import "_reset";
}