sass变量、嵌套、混合（mixin）、继承拓展、@import、comment(2/6)

本篇文章主要介绍了" sass变量、嵌套、混合（mixin）、继承拓展、@import、comment"，主要涉及到方面的内容，对于HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下： 变量、嵌套、混合（mixin）、继承拓展、@import、comment变量的意义在sass里我们可以定义多个变量来存放颜色、边框等等的样式，这样就可以在下面想...

.nav{height:100px;
    ul{margin:0;
        li {float:left;
            list-style:none;padding:5px;}}}

大家会发现，写出来的代码父和子之间都有空格隔开，如果我们需要给a加上伪类的话我们这样写

.nav{height:100px;
    a{color:#fff;:hover{color:#ff6600;}}}

在里面就会出现这样的情况

.nava:hover {color: #ff6600;}

我们发现在a和:hover之间有了空格，这样是不好的，所以我们需要在写的时候在：hover之前把a加上，这样就需要用到在之类里引用父类选择器的方式，我们可以用&符号代替父类

例如：

.nav{height:100px;
    a{color:#fff;&:hover{color:#ff6600;}}}

这样就好了，下面来个完整的代码：

.nav{height:100px;
    ul{margin:0;
        li{float:left;
            list-style:none;padding:5px;}
        a{display:block;color:#000;&:hover{color:#f60;background:red;}}}&&-text{
        font-size:15px;}}

-----》