Sass @at-root 指令用法示例

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