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

来源:4-7 [Sass]嵌套-伪类嵌套

an912

2016-01-08 10:33

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

写回答 关注

4回答

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


    an912

    非常感谢!

    2016-01-11 14:14:22

    共 1 条回复 >

  • 慕小乔
    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

    选择器里没有(&)

    an912

    就是&

    2016-01-08 11:41:59

    共 1 条回复 >

Sass入门篇

Sass入门视频教程,学会Sass使你摆脱重复编写代码的工作

104420 学习 · 263 问题

查看课程

相似问题