CSS预处理器

1 什么是CSS预处理器

css 预处理器定义了一种新的语言, 其基本思想是, 用一种专门的编程语言, 为 css 增加一些特性, 将 css 作为目标生成文件。

通俗的讲,用CSS预处理器的语法写,最后在编译成CSS; 因为任何浏览器都无法解析CSS预处理器的语法。

2 为什么要用CSS预处理器

CSS本身具有如下问题:

  • 语法不够强大,比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器;

  • 没有变量和合理的样式复用机制,使得逻辑上相关的属性值必须以字面量的形式重复输出,导致难以维护。

这就决定了CSS预处理器要解决的问题:

  • 提供 CSS 缺失的样式层复用机制、减少冗余代码,提高样式代码的可维护性。

3 主流的 CSS 预处理器

  • Less
  • Sass
  • Stylus

results matching ""

    No results matching ""