使用SASS连接嵌套类

我正在尝试使用SASS的嵌套function连接两个类，但不知道如何去做。

这是HTML：

<section class="a"> <div class="b"> <div class="c date">some date</div> </div> </section> 

这是我目前的SASS：

 .a .c display: inline-block .date width: 50px 

它创build下面的CSS：

 .a .c { display: inline-block; } .a .c .date { width: 50px; } 

但是这不起作用。 浏览器期望“date”和“string-long”嵌套在“c”类下，而不是它们都存在于同一个HTML标签上。

我需要的是（ .c和.date => .c.date之间没有空格 ）：

 .a .c { display: inline-block; } .a .c.date { width: 50px; } 

我该怎么做？

Answer 1

＆

你可以用＆符号操作符来实现。 尝试：

 .a .c display: inline-block &.date width: 50px 

＆符号是父select器的占位符。 如果你没有在嵌套的select器中放置一个空格，它会输出一个连接的select器（正是你想要的）。

DEMO

---

^{注意：在更深层的嵌套select器中&代表嵌套select器的整个path，而不仅仅是直接的父对象。}