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

sass的@at-root

时间:2017-04-21 09:56:12      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:img   没有   代码   --   属性   之间   src   log   .com   

一、首先理解sass的嵌套中 &表示是什么?

&表示整个选择器,而不单个class属性值或id属性值或tagName。例如下面一段代码:

.a {
    .b {
        & {
            color: #fff;
        }
    }
}

&这里表示

.a .b

而不能够理解&表示 “.b

----------------------------------------------------------------------

二、@at-root的理解

@at-root 表示在选择器嵌套的最外层,如果@at-root到第一个 {} 之间没有人选择器,是会报错的, 所以常常和&配合用。        

技术分享

 技术分享

 

sass的@at-root

标签:img   没有   代码   --   属性   之间   src   log   .com   

原文地址:http://www.cnblogs.com/liangcheng11/p/6741616.html

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