@import 根据文件名引入。 默认情况下,它会寻找 Sass 文件并直接引入, 但是,在少数几种情况下,它会被编译成 CSS 的 @import 规则:

  • 如果文件的扩展名是 .css。
  • 如果文件名以 http:// 开头。
  • 如果文件名是 url()。
  • 如果 @import 包含了任何媒体查询(media queries)。
如果上述情况都没有出现,并且扩展名是 .scss 或 .sass, 该名称的 Sass 或 SCSS 文件就会被引入。 如果没有扩展名, Sass 将试着找出具有 .scss 或 .sass 扩展名的同名文件并将其引入。
 

例如:

@import "foo.scss";

@import "foo";

两者都将引入 foo.scss 文件, 而

@import "foo.css";
@import "foo" screen;
@import "http://foo.com/bar";
@import url(foo);

将被编译为:

@import "foo.css";
@import "foo" screen;
@import "http://foo.com/bar";
@import url(foo);

也可以通过一个 @import 引入多个文件。例如:

@import "rounded-corners", "text-shadow";

将引入 rounded-corners 和 text-shadow 两个文件。

如果你有一个 SCSS 或 Sass 文件需要引入, 但是你又不希望它被编译为一个 CSS 文件, 这时,你就可以在文件名前面加一个下划线,就能避免被编译。 这将告诉 Sass 不要把它编译成 CSS 文件。 然后,你就可以像往常一样引入这个文件了,而且还可以省略掉文件名前面的下划线。

例如,你有一个文件叫做 _colors.scss。 这样就不会生成 _colors.css 文件了, 而且你还可以这样做:

@import "colors";//不用加下划线

来引入 _colors.scss 文件。

注意,在同一个目录不能同时存在带下划线和不带下划线的同名文件。 例如, _colors.scss 不能与 colors.scss 并存。

最新文章

  1. BZOJ1303 [CQOI2009]中位数图
  2. javascript 对象实例
  3. 常用的工具类4-IP类
  4. Swift数据类型简介(二)
  5. What is /proc/slabinfo?
  6. javascript reduce map函数方法
  7. 最长公共上升子序列(LICS) 模板
  8. Ogre1.8.1 Basic Tutorial 6 - The Ogre Startup Sequence
  9. springmvc常用注解之@Controller和@RequestMapping
  10. 如何定义让两个div横向排列
  11. PHP+MySQL Smarty简单分页显示示例
  12. php 过滤html标签的函数
  13. beep的控制程序
  14. 如何针对已经安装好的Apache/PHP/Mysql/Nginx程序查看他们的编译参数
  15. [ Java学习基础 ] Java异常处理
  16. Python_时间复杂度概念
  17. Java中的值传递与引用传递
  18. 即将上线的Spark服务器面临的一系列填坑笔记
  19. 08 IO库
  20. idea输出目录详解

热门文章

  1. Codeforces Round #369 (Div. 2) A. Bus to Udayland (水题)
  2. 【转】结构化日志类库 ---- Serilog库
  3. SpringBoot:运行原理探究
  4. navigation ObtacleCostFunction源码分析
  5. wow64 32位进程中切换64位模式,取回64位寄存器值
  6. 在阿里云centOS7上部署Redis 5.0.5主从 + 哨兵模式
  7. kafka 配置权限
  8. Numpy 里线性代数函数
  9. exceptions: django2.2/ mysql ImproperlyConfigured: mysqlclient 1.3.13 or newer is required; you have 0.9.3
  10. 【AndroidFramework】ATV9遥控器红外模式下,机顶盒在假待机阶段会响应遥控器语音键