落花寂地
2015-06-10 10:27
<header>
<nav>
<a href=“##”>Home</a>
<a href=“##”>About</a>
<a href=“##”>Blog</a>
</nav>
<header>
nav {
a {
color: red;
header & {
color:green;
}
}
}
注意区分&符的位置,置前表示它为父集,置后代表它为子集
&是代表父选择器的标识符,当包含父选择器标识符的嵌套规则被打开时,它不会像后代选择器那样进行拼接,而是&被父选择器直接替换。所以在css文件里,&被替换成nav a了。
http://www.sass.hk/sass-course.html
这是sass官网给出的解释,想了解的更多可以点击上面的链接
header &表示header作为nav的父集
& header表示header作为nav的子集
&代表父级的意思,这里代表nav a
header是html5中的新标签
Sass入门篇
104420 学习 · 263 问题
相似问题