问题描述

sass嵌套方面会在渲染时的效率很低

sass的嵌套都属于是后代嵌套,如果每一个都是这样的后代选择器，则每一次需要匹配到DOM末端的选择器。

eg:
.a{
color: #000;
.b{
color: #111;
.c{
color: #222;
}
}
}
被编译为：
.a{color: #000;}
.a .b{color: #111;}
.a .b .c{color: #222;}

而类似于子元素和相邻兄弟选择器则很节省DOM效率，只此为止。所以sass还不是很完备，在使用时应考虑后代选择器和兄弟选择器的使用和排版
.a > .b {color:red;}
.a + .a1 {color:blue;}