(&)是表示父级元素还是最近选择器引用?
都不是。
连体符&替代元素自身。
如:我们要编译如下的css
.mod.on { color: green; }
那么在Sass中,同样可以使用&来替代选择器.mod:
.mod { &.on{ color: green; } }
需要注意的是&和相连的类名之间不能有任何的空格,不然就会变成CSS选择器中的后代选择器。
如这里多了空格
.mod { & .on { color: green; } }
那么编译出来是css就是
.mod .on { color: green; }
4-5 节
nav a {
color:red;
}
header nav a {
color:green;
}
那么在 Sass 中,就可以使用选择器的嵌套来实现:
nav {
a {
color: red;
header & {
color:green;
}
}
}
这个header 后 的& 是 nav a
http://www.sass.hk/sass-course.html
这是sass官网给出的解释,想了解的更多可以点击上面的链接
选择器里没有(&)