Sass:@at-root

时间：2018-06-03 14:05:02 阅读：169 评论：0 收藏：0 [点我收藏+]

@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;
}

原文：https://www.cnblogs.com/qjuly/p/9128679.html

踩

(0)

评论一句话评论（0）

分享档案

更多>