Sass:@at-root

@at-root 从字面上解释就是跳出根元素。当你选择器嵌套多层之后，想让某个选择器跳出，此时就可以使用 @at-root。来看一个简单的示例：

.a {

  color: red;

  .b {

    color: orange;

    .c {

      color: yellow;

      @at-root .d {

        color: green;

      }

    }

  }

}

编译出来的CSS

.a {

  color: red;

}

.a .b {

  color: orange;

}

.a .b .c {

  color: yellow;

}

.d {

  color: green;

}

巴特西