【前端之Sass和Less（VScode）的选择器、伪类、属性嵌套语法区别】

前端之Sass和Less（VScode）的选择器、伪类、属性嵌套语法区别

代码原文件见同名（肖言是御用女主）知乎；
在VScode中Sass和Less具体产生的选择器、伪类、属性嵌套编码差异让我们一起对比揭露吧

1. 选择器嵌套语法
2. 伪类嵌套语法
3. 属性嵌套语法
4. 总结

1.选择器嵌套语法

SCSS.scss与LESS.less写法和效果完全相同，层层嵌套。

SCSS.scss选择器嵌套语法代码如下所示：

LESS.less选择器嵌套语法代码如下所示：

2.伪类嵌套语法

如果伪类写在嵌套外部时，可直接按照标准写出即可，且SCSS.scss与LESS.less写法和效果完全相同。
SCSS.scss与LESS.less代码块如下：

如果伪类写在嵌套内部时，冒号前面需要加&符号不然会有空格，且SCSS.scss与LESS.le