Sass学习笔记--基本语法

Posted 2020-08-15 XW_Wong

 

Sass基本要求

• 通过 tab 键控制缩进的一种语法规则，而且这种缩进要求非常严格
• 不带有任何的分号和大括号
• 称为 Sass 老版本，其文件名以“.sass”为扩展名

问题

• 习惯在js和css中使用括号的我们，在Sass中没看到类似 CSS 中的大括号和分号。
• 这种语法格式对于前端人员都不太容易接受，而且容易出错。

 

Scss基本要求

• 从外形上来判断他和 CSS 长得几乎是一模一样
• 代码都包裹在一对大括号里，并且末尾结束处都有一个分号
• 其文件名格式常常以“.scss”为扩展名

特别说明

• “.sass”文件格式只能使用 Sass 老语法规则（缩进规则）
• “.scss”使用的是 Sass 的新语法规则，也就是 SCSS 语法规则（类似 CSS 语法格式）
• 使用 Sass 新的语法规则，而文件扩展名依旧使用的是“.sass”，编译时则编译不出来，语法与格式要统一。