首页 > 代码库 > Sass学习笔记--基本语法

Sass学习笔记--基本语法

 

Sass基本要求

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

问题

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

 

Scss基本要求

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

特别说明

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

 

Sass学习笔记--基本语法