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