Scss子组合选择器和同层组合选择器：>、+和~

你可以用子组合选择器>选择一个元素的直接子元素。上例中，第一个选择器会选择article下的所有命中section选择器的元素。第二个选择器只会选择article下紧跟着的子元素中命中section选择器的元素。

在下例中，你可以用同层相邻组合选择器+选择header元素后紧跟的p元素：

你也可以用同层全体组合选择器~，选择所有跟在article后的同层article元素，不管它们之间隔了多少其他元素：

这些组合选择器可以毫不费力地应用到scss的规则嵌套中。可以把它们放在外层选择器后边，或里层选择器前边：

scss会如你所愿地将这些嵌套规则一一解开组合在一起：

在scss中，不仅仅css规则可以嵌套，对属性进行嵌套也可以减少很多重复性的工作。