预处理库规范

Less 规范

原则上不会出现 2 层以上选择器嵌套
使用 BEM 原则，用命名来解耦，所有类名都为一层，增加效率和复用性
bash
```
.xxx__item_current .mod-xxx__link{}
```
避免嵌套层级过多
将嵌套深度限制在 5 级。对于超过 5 级的嵌套，给予重新评估。这可以避免出现过于详实的 CSS 选择器。
避免大量的嵌套规则。当可读性受到影响时，将之打断。推荐避免出现多于 20 行的嵌套规则出现
css
```
.main {
  .title {
    .name {
      color: #fff;
    }
  }
}
```

SCSS 规范

提交的代码中不要有 @debug
`@import 引入的文件不需要开头的'_'和结尾的'.scss'
嵌套最多不能超过 5 层
@extend 中使用 placeholder 选择器
去掉不必要的父级引用符号&
声明顺序
- @extend
- 不包含 @content 的 @include
- 包含 @content 的 @include
- 自身属性
- 嵌套规则