在Sass中修改選擇器的中間(添加/刪除類等)我的菜單中有樣式鏈接的以下SCSS:nav {
ul {
li {
a {
color: red
}
}
}
ul.opened {
li {
a {
color: green
}
}
}}這會產(chǎn)生以下(正確的)CSS:nav ul li a {
color: red;}nav ul.opened li a {
color: green;}我嘗試修改我的JavaScript以將類應(yīng)用于nav元素,并selector-append()在Sass中使用它來附加類。但這似乎以錯(cuò)誤的順序進(jìn)行追加(如果參數(shù)反轉(zhuǎn),則該類將附加到最后一個(gè)元素?。簄av {
ul {
li {
a {
color: red;
@at-root #{selector-append('.opened', &)} {
color: green;
}
}
}
}}輸出(不正確?。簄av ul li a {
color: red;}.openednav ul li a {
color: green;}有沒有一種方法可以重寫SCSS,以便可以正確附加類,而不必重復(fù)選擇器(類似于selector-append()方法)?
在Sass中修改選擇器的中間(添加/刪除類等)
狐的傳說
2019-07-31 10:49:02