CSS related

前端之家收集整理的这篇文章主要介绍了CSS related前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Sass 的导入

sass 的导入(@import)规则和 CSS 的有所不同,编译时会把@import的 SCSS 文件合并进来生成一个 CSS 文件。但是如果你在 sass 文件中导入 css 文件@import 'reset.css',那效果跟普通的 CSS 导入样式文件一样,导入的 CSS 文件不会合并到编译后的文件中,而是以@import的形式存在。

所有的 sass 导入文件都可以忽略后缀名.scss。一般来说基础的文件命名方法以下划线开头,如_mixin.scss。这种文件在导入的时候可以不写下划线,写成@import 'mixin'

被导入的 sass 文件 a.scss:

需要导入样式的 sass 文件 b.scss:

p {
background: #0982c1;
}

编译出来的 b.css:

p {
background: #0982c1;
}

猜你在找的程序笔记相关文章