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文檔

轉載于:https://juejin.im/post/5c4abacbe51d4503834d952a

總結

以上是生活随笔為你收集整理的Sass @at-root 指令用法示例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。