Stylus、Sass和Less是三种流行的CSS预处理器。它们的主要目的是帮助开发者更高效地编写和维护CSS代码。
它们允许使用变量、嵌套规则、mixins等特性,可以使css更简洁、结构化。都是使用类似于CSS的语法，但添加了一些额外的功能。它们提供了“变量”、“混合”、“嵌套规则”、“继承”、“函数“等功能。可以通过编写类似于编程语言的代码，来生成最终的CSS样式文件。使得CSS代码更具可重用性和可维护性。
stylus使用缩进表示嵌套规则,语法与css更相似。
sass支持两种语法:Sass和SCSS。Sass使用缩进表示嵌套,SCSS使用{}表示嵌套,与css更相似。sass支持变量、mixin、继承等特性。Sass是基于 Ruby 语言的， 而 LESS 和 Stylus 可以基于 NodeJS NPM 下载相应库后进行编译。
less也支持变量、mixin、继承等特性,语法与css更相似,使用{}表示嵌套。less是受sass启发而开发的。
使用这些预处理器的主要原因是：
变量：可以定义并重复使用变量，减少代码中的重复和冗余。例如，可以定义一个颜色变量，并在整个样式表中使用它，方便进行统一的调整。
混合（Mixins）：可以定义一组样式规则，并在需要的地方进行重用。这样可以避免重复编写相似的样式，提高了代码的复用性。
嵌套规则：可以在样式规则中嵌套其他规则，减少了代码的层级嵌套，使得代码更易读、更易维护。
函数：可以定义和使用函数，实现一些动态的样式效果。例如，可以定义一个函数来计算颜色的亮度，从而实现自动调整文字颜色的效果。
这些功能使得开发者在编写CSS代码时更加灵活和高效。通过使用这些预处理器，可以提高代码的可维护性、可读性和可重用性。
Sass和Less都支持类似于函数的编程语言，可以定义变量、嵌套规则、条件语句等，使得样式代码更易于管理和修改。而Stylus则更为灵活，整个语法都是基于JavaScript的语法，包括条件、循环等JavaScript的控制结构。
他们是 CSS 预处理器 。他是 CSS 上的一种抽象层 。他们是一种特殊的语法/语言编译成 CSS 。
例如Less是一种动态样式语言 . 将CSS赋予了动态语言的特性， 如变量， 继承， 运算， 函 数. LESS 既可以在客户端上运行 (支持 IE 6+ , Webkit , Firefox )，也可一在服务端 运行 (借助 Node.js )
为什么使用它们呢？主要有以下几个原因：
提高开发效率：CSS预处理器可以通过变量和函数等方式，为开发者提供更加方便的开发方式，屏蔽浏览器私有语法差异，避免重复代码的产生，减少无意义的机械劳动。方便大型项目的组织和管理。
易于代码管理：通过使用CSS预处理器，开发者可以更好地组织和管理自己的样式表，避免样式代码过于松散且难以修改的问题。解决css本身无法嵌套和变量的问题，完全兼容 CSS 代码， 可以方便地应用到老项目中 。LESS 只是在 CSS 语法上做了扩展， 所以老的 CSS 代码也可以与LESS 代码一同编译。让css支持一些编程特性，比如变量、mixin、继承等
提高代码可读性：CSS预处理器可以通过嵌套规则的方式，让代码结构更加清晰，易于理解和阅读。
PostCSS是一个工具，独立的CSS后处理器。它可以帮助开发者对CSS代码进行自动化的处理和转换。它使用插件机制，可以根据需要对CSS进行各种转换，例如自动添加浏览器前缀、压缩CSS代码、自动转换CSS新特性等。PostCSS的作用是提供一种灵活的方式来处理CSS，使得开发者能够根据项目需求对CSS代码进行定制化的处理。包括自动添加CSS前缀、转化为老版本CSS语法等。
总之，比起直接编写CSS，使用CSS预处理器和PostCSS可以让我们更轻松地管理和维护样式表，并且提高开发效率。
持续学习总结记录中，回顾一下上面的内容：
stylus、sass、less区别， Sass 、LESS是什么?大家为什么使用它们呢？postcss的作用？