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

转载于:https://juejin.im/post/5c4abacbe51d4503834d952a