我正在嘗試使用SASS的嵌套功能來連接兩個類，但無法弄清楚該怎么做。這是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它創建以下CSS：.a .c { display: inline-block;}.a .c .date { width: 50px;}但這是行不通的。瀏覽器希望“日期”和“字符串長”嵌套在“ c”類下，而不是它們都存在于同一HTML標記中。我需要的是（.c和.date => .c.date之間沒有空格）：.a .c { display: inline-block;}.a .c.date { width: 50px;}我怎樣才能做到這一點？
1 回答
MMTTMM
TA貢獻1869條經驗 獲得超4個贊
您可以使用＆運算符實現此目的。嘗試：
.a .c
display: inline-block
&.date
width: 50px
＆符是父選擇器的占位符。而且，如果您沒有在嵌套選擇器中放置空格，它將輸出一個串聯的選擇器（正是您想要的）。
注意：在更深的嵌套選擇器中，&代表嵌套選擇器的整個路徑，而不僅僅是直接父級。
添加回答
舉報
0/150
提交
取消