Sass @at-root 指令用法示例

HahaScript發表於2019-01-25

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

相關文章