跳至主要內容

CSS 预处理器

鸭梨大约 1 分钟

CSS 预处理器

CSS 预处理器是一个能让你通过预处理器自己独有的语法来生成 CSS 的程序。有很多 CSS 预处理器可供选择,且绝大多数 CSS 预处理器会增加一些原生 CSS 不具备的特性,例如代码混合,嵌套选择器,继承选择器等。这些特性让 CSS 的结构更加具有可读性且易于维护。[1]

而多数 CSS 预处理器提供的语言是 CSS 的超集,因而能表达更高级的特征。浏览器并不能识别这些语言,因而这些预处理器工作方式类似,就是将源代码编译为 CSS 代码。

现在有各种 CSS 预处理器可供选择,如:

有一些 CSS 预处理器可用于服务端,例如 Turbine 可在 PHP 端预处理 CSS,而常规的 CSS 预处理器则是在客户端或者在前端项目中使用,例如 Sass 或 Less。

接下来阅读……

本仓库包含的 CSS 预处理器相关笔记:


  1. CSS 预处理器,MDN,https://developer.mozilla.org/zh-CN/docs/Glossary/CSS_preprocessoropen in new window ↩︎