009-CSS-Less、Scss、Sass

在实际工作中，CSS 编写更多的采用 CSS 扩展语言，像 Scss、Less 等，因其学习成本低，实用性高，被广泛应用。

概念

💡 Tips：工作中，Less、Scss 都可以使用，二者基本没有高低之分，常用功能基本都包含，可参考其官网，选择其一即可

CSS 扩展语言	说明	官网
Less	优雅的编写CSS，API清晰明了，简单易上手，后缀名 .less	Less 官网
Sass	功能强大，3.0前版本不好用，后缀名 .sass	–
Scss	Sass 3.0后版本，更名Scss，API功能更多，好用，后缀名 .scss	Sass 官网

常用的扩展能力

💡 Tips：后续例子都采用 Less 扩展语言演示，Scss 相同功能可参考官网

1、嵌套：代码层级清晰

.parent {
   
  position: relative;
  .