问答详情
源自:4-7 [Sass]嵌套-伪类嵌套

(&)是表示父级元素还是最近选择器引用?

(&)是表示父级元素还是最近选择器引用?

提问者:an912 2016-01-08 10:33

个回答

  • Perona
    2016-01-08 14:40:31
    已采纳

    都不是。

    连体符&替代元素自身。

    如:我们要编译如下的css

    .mod.on {    
    color: green;
    }

    那么在Sass中,同样可以使用&来替代选择器.mod:

    .mod {
        &.on{
            color: green;
        }
    }

    需要注意的是&和相连的类名之间不能有任何的空格,不然就会变成CSS选择器中的后代选择器。

    如这里多了空格

    .mod {
        & .on {
            color: green;
        }
    }

    那么编译出来是css就是

    .mod .on {  color: green; }


  • 慕小乔
    2016-11-21 15:32:17

    4-5 节


     nav a {
     color:red;
    }

    header nav a {
     color:green;
    }

    那么在 Sass 中,就可以使用选择器的嵌套来实现:

    nav {
     a {
       color: red;

       header & {
         color:green;
       }
     }  
    }


    这个header 后 的& 是 nav a


  • 慕粉3958403
    2016-09-27 23:56:19

    http://img.mukewang.com/57ea96590001983210220618.jpg

    http://www.sass.hk/sass-course.html

    这是sass官网给出的解释,想了解的更多可以点击上面的链接

  • 我是牧头
    2016-01-08 10:51:56

    选择器里没有(&)