(&)是表示父级元素还是最近选择器引用？

(&)是表示父级元素还是最近选择器引用？

an912

2016-01-08

源自：Sass入门篇 4-7

关注问题我要回答

2073

操作

收起

4 回答

Perona 回答被采纳 +3 积分
2016-01-08

都不是。

连体符&替代元素自身。

如：我们要编译如下的css

.mod.on {    
color: green;
}

那么在Sass中，同样可以使用&来替代选择器.mod：

.mod {
    &.on{
        color: green;
    }
}

需要注意的是&和相连的类名之间不能有任何的空格，不然就会变成CSS选择器中的后代选择器。

如这里多了空格

.mod {
    & .on {
        color: green;
    }
}

那么编译出来是css就是

.mod .on {  color: green; }

0 回复有任何疑惑可以回复我~

#1

an912 提问者

非常感谢！

2016-01-11 回复有任何疑惑可以回复我~

慕小乔
2016-11-21

4-5 节

nav a {
color:red;
}

header nav a {
color:green;
}

那么在 Sass 中，就可以使用选择器的嵌套来实现：

nav {
a {
color: red;

header & {
color:green;
}
}
}

这个header 后的& 是 nav a

0 回复有任何疑惑可以回复我~

慕粉3958403
2016-09-27

http://www.sass.hk/sass-course.html

这是sass官网给出的解释，想了解的更多可以点击上面的链接

0 回复有任何疑惑可以回复我~

我是牧头
2016-01-08

选择器里没有(&)

0 回复有任何疑惑可以回复我~

#1

an912 提问者

就是&

2016-01-08 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

参与学习 104431 人
解答问题 263 个

Sass入门视频教程，学会Sass使你摆脱重复编写代码的工作

本课相似问答

3 回答为什么用嵌套选择器代码会报错？

1 回答选择器嵌套对开发者的影响

2 回答按照语法书写%占位符，但是在@extend 使用的时候提示未找到选择器，问题在哪儿？idea的提示问题？

2 回答用webstrom如何选择用哪种模式输出？

5 回答问一下大家：三个<a>最后到底是绿还是红

搜索更多本课相关问答

(&)是表示父级元素还是最近选择器引用？

我要回答关注问题

意见反馈帮助中心 APP下载