为了账号安全,请及时绑定邮箱和手机立即绑定

sass嵌套写法疑惑

不明白这样写到底是想要设置a标签的color为red呢还是green呢,为什么要这么写呢,nav {  a {    color: red;    header & {      color:green;    }  }   }   哪位能解释下

正在回答

8 回答

我也看不懂这个&

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

https://img1.sycdn.imooc.com//5bd4638300011a8b09420198.jpg

在线转换网站https://www.sassmeister.com/

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

& 符号是哪里的知识点,看不明白

0 回复 有任何疑惑可以回复我~
nav {
    a {
        color: red; /*想成header外部还有其他nav-a标签,先将全体nav-a设置为red*/
    }
    header & {
        color: green; /*将header 里面的nav-a设置为绿色*/
    }
}

这样就比较好理解 & 的意思了

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

& 符号是取父值。   这里的父值是 nav a ,那么加上header 就是 header nav a

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

& 前面的header在这里有什么作用,这样写感觉好奇怪,有点不明白?

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

这样写出来的a标签的color为green。

这里之所以这样写是为了给我们说明嵌套的写法和“&”的作用。

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

举报

0/150
提交
取消

sass嵌套写法疑惑

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信