课程
/前端开发
/Sass/Less
/Sass入门篇
不明白这样写到底是想要设置a标签的color为red呢还是green呢,为什么要这么写呢,nav { a { color: red; header & { color:green; } } } 哪位能解释下
2017-06-05
源自:Sass入门篇 4-5
正在回答
我也看不懂这个&
在线转换网站https://www.sassmeister.com/
博客:嵌套以及&符
& 符号是哪里的知识点,看不明白
nav { a { color: red; /*想成header外部还有其他nav-a标签,先将全体nav-a设置为red*/ } header & { color: green; /*将header 里面的nav-a设置为绿色*/ } }
这样就比较好理解 & 的意思了
& 符号是取父值。 这里的父值是 nav a ,那么加上header 就是 header nav a
& 前面的header在这里有什么作用,这样写感觉好奇怪,有点不明白?
这样写出来的a标签的color为green。
这里之所以这样写是为了给我们说明嵌套的写法和“&”的作用。
举报
Sass入门视频教程,学会Sass使你摆脱重复编写代码的工作
1 回答[Sass]嵌套-伪类嵌套
6 回答嵌套输出方式nested和嵌套输出方式expanded的区别
11 回答sass安装成功但是无法用sublime编写sass文件
2 回答写错了吧,怎么前3种全是嵌套方式?
1 回答sass中伪元素嵌套时,如果使用占位符将会有问题,同一个属性不想写两遍怎么办