我刚刚迈出进入SASS世界的第一步。我设置了所有内容,创建了一个新项目,并下载了normalize.css
的SASS端口。
在保存我所有SASS文件的文件夹中,我有一个名为"normalize"的文件夹。它包含一个名为normalize.scss
的文件,其中包含一个mixin,该mixin再次导入包含实际CSS代码的其他一些mixin
在我的screen.scss
之上,我只拥有@import "normalize/normalize";
。
screen.scss
被编译成screen.css
,供我的index.html
使用。在浏览器中查看该页面,normalize已生效。但是当我查看screen.css
时,我看不到规范化代码。
为了确保导入/加载正确的文件,我将其粘贴在normalize.scss
:/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
的顶部。
由于这个评论确实出现在screen.css
中,我知道我使用的是正确的文件,但仍然:实际的规范化CSS代码没有出现在screen.css
中,但仍然在浏览器中生效,这正常吗?这是怎么回事?
好吧,这对我来说真的很愚蠢。我已经写了@import "normalize/normalize";
,但在那之后,我当然需要像@include normalize
一样包含它,其中'normalize'是mixin的名称。哦,好吧!