以下是这些选择器的示例：
1. 子组合选择器 >：
nav {
> ul {
margin: 0;
padding: 0;
list-style: none;
}
> a {
color: blue;
}
}
上述 Sass 代码将被编译成以下 CSS 代码：
nav > ul {
margin: 0;
padding: 0;
list-style: none;
}
nav > a {
color: blue;
}
2. 同层组合选择器 +：
h2 {
+ p {
margin-top: 0;
}
}
上述 Sass 代码将被编译成以下 CSS 代码：
h2 + p {
margin-top: 0;
}
3. 同层通用选择器 ~：
article {
~ section {
border-top: 1px solid #ccc;
}
}
上述 Sass 代码将被编译成以下 CSS 代码：
article ~ section {
border-top: 1px solid #ccc;
}
这些选择器符号（>、+、~）在 Sass 中提供了更强大的选择器组合能力，使得你可以更细致地选择元素。
转载请注明出处：http://www.zyzy.cn/article/detail/6170/SASS