sass笔记之嵌套
来源:互联网 发布:软件定义数据中心 编辑:程序博客网 时间:2024/06/06 00:37
选择器嵌套:
nav { a { color: red; header & { color:green; } } }
==
nav a{ color: red;}header nav a { color: green;}
属性嵌套:
nav a{ font{ size: 12px; weight: bold; }}
伪类嵌套:
.clearfix{ &:after{ content: ''; clear: both; }}
避免选择器嵌套:
- 选择器嵌套最大的问题是将使最终的代码难以阅读。开发者需要花费巨大精力计算不同缩进级别下的选择器具体的表现效果。
- 选择器越具体则声明语句越冗长,而且对最近选择器的引用(&)也越频繁。在某些时候,出现混淆选择器路径和探索下一级选择器的错误率很高,这非常不值得。
根据腾讯AlloyTeam的前端规范,选择器的嵌套不要超过5层
0 0
- sass笔记之嵌套
- sass笔记之开始
- Sass学习之路(6)——嵌套
- Sass的嵌套
- Sass嵌套的使用
- Sass嵌套属性
- sass嵌套CSS 规则;
- Sass语法--嵌套
- 前端之Sass/Scss实战笔记
- 【笔记】sass
- sass笔记
- SASS 笔记
- 快速学sass(五)--嵌套
- Sass中@at-root嵌套
- sass 学习笔记(一):嵌套,变量,operation。。。基本就是翻译了一遍官网
- SASS入门之SASS安装
- 学习sass之安装sass
- sass学习之安装sass
- keil5 编译程序出现错误Error: L6411E: No compatible library exists with a definition of startup symbol __main
- 文本分类算法之--单层感知器的神经网络
- Mina源码总结(一)
- C++ Primer 学习笔记——关联容器初识
- ARM定义特殊寄存器(*(volatile unsigned long *))的理解
- sass笔记之嵌套
- 静态链表
- 深入理解Java内存模型(二)——重排序http://www.infoq.com/cn/articles/java-memory-model-2
- How good of a programmer is Mark Zuckerberg?
- Linux磁盘分区及要求
- BZOJ 2154: Crash的数字表格
- noitatSsaG.134
- 51nod 1084+1083 矩阵取数问题 dp
- 设计模式分类