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币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
Sass嵌套属性
Sass嵌套属性,有些属性的前面是一样的,可以用一个:{}冒号加一个花括号把它合并起来
MySQL中使用子查询IN效率较低的问题
参考资料1:使用连接(JOIN)来代替子查询(Sub-Queries) mysql优化系列记录 http://blog.csdn.net/hongsejiaozhu/article/details/1876181 参考资料2:网站开发日记(14)-MYSQL子查询和嵌套查询优化 http://dodomail.iteye.com/blog/250199根据网上这些资料的建议,改用join来试试
30分钟SASS教程
精炼 SASS 教程,30分钟入门 SASS 语法
Sass嵌套时调用父选择器
Sass嵌套时调用父选择器
sass嵌套CSS 规则;
css中重复写选择器是非常恼人的。但在Sass中,你可以在规则块中嵌套规则块。如: #content { article { h1 { color: #333 } p { margin-bottom: 1.4em } } aside { background-color: #EEE } } /* 编译后 */ #content article h1 { color: #
sass基础语法--嵌套与继承
1.嵌套 1-1.选择器嵌套 /*选择器嵌套*/ body{ background: antiquewhite; header{ background: aquamarine; } } 1-2.属性嵌套 /*属性嵌套*/ footer{ background: { color: red;
sass学习(一):变量、嵌套与导入
一 使用变量 sass使用的一大好处就是可以使用变量,对于那些重复使用的属性,可以通过变量名来引用。 1.变量声明 sass中变量通过$来声明,书写方法与CSS相似,属性值可以使用空格和逗号进行分割。与CSS属性不同的是,其变量可以声明在规则块外,在规则块内部声明的变量只能在本规则块内使用。举例如下: $nav-color: #F90; nav { $width: 100px; w
Sass的嵌套
前边大概说了sass的集成和使用方法,现在开始说Sass的功能1,sass的标签嵌套先写一个列表sass.html页面<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style/common.css"
使用两个for循环的时候,会非常慢,效率不高,使用构造字典,效率快了不少一点点!
假如有两张表t1和t2,t1是属性是id name,t2是id  sex。两张表id是关联的。假如有两个集合,C1和C2,C1存着T1的数据,C2存着T2的数据。 此时我们想,将C1和C2的数据整合到一起变成新的对象,属性为id ,name,sex。 一般我们都会使用for(){for(){}}两个for嵌套,这种效率是很慢的,如果集合是10条数据,则会需要遍历10*10=100次。 这是后
Sass 嵌套(选择器、伪类、属性)
整理自慕课笔记 Sass 中还提供了选择器嵌套功能,但这也并不意味着你在 Sass 中的嵌套是无节制的,因为你嵌套的层级越深,编译出来的 CSS 代码的选择器层级将越深,这往往是大家不愿意看到的一点。这个特性现在正被众多开发者滥用。 选择器嵌套为样式表的作者提供了一个通过局部选择器相互嵌套实现全局选择的方法,Sass 的嵌套分为三种: 1. 选择器嵌套 2. 属性嵌套 3. 伪类嵌套选择器