2 langmanqk langmanqk 于 2016.04.12 10:25 提问

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;}

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!