码迷,mamicode.com
首页 > 其他好文 > 详细

Sass:@at-root

时间:2018-06-03 14:47:25      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:bsp   元素   选择器   示例   就是   div   root   嵌套   IV   

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

 

Sass:@at-root

标签:bsp   元素   选择器   示例   就是   div   root   嵌套   IV   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!