Sass@at-root
指令示例
@at-root
指令可以將一個或多個樣式規則生成在樣式檔案根層級上,而不是巢狀在其父選擇器中:
例子一
.parent {
...
@at-root .child { ... }
}
複製程式碼
輸出為:
.parent { ... }
.child { ... }
複製程式碼
例子二
.parent {
...
@at-root {
.child1 { ... }
.child2 { ... }
}
.step-child { ... }
}
複製程式碼
輸出為:
.parent { ... }
.child1 { ... }
.child2 { ... }
.parent .step-child { ... }
複製程式碼
參考: Sass文件