学习笔记--SASS编程基础(四)—Partials @import

CSS 本身包含一个指令@import,但是 CSS 中的@import 每次执行都会发送一次新的请求,都会消耗一定的资源

SASS 中扩展了这个指令,会将包含的编译成一个 css 文件,切割成小的部分(Partials)包含进来进行处理(类似JavaScript 的 “回调函数”)。


Partials 是用来定义公共样式或者组件的样式的,专门用于被其他的 scss 文件 import进行使用的。


Partials 这样的文件,命名规范是以下划线开头的这样的 scss 文件不会被编译成 css文件。

学习笔记--SASS编程基础(四)—Partials @import_第1张图片

在 SCSS 文件中 引入指令@import ,在引入 Partials 文件时, 不需要添加下划线。

学习笔记--SASS编程基础(四)—Partials @import_第2张图片

css样式:

学习笔记--SASS编程基础(四)—Partials @import_第3张图片

你可能感兴趣的:(学习笔记,sass)