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

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

.alert{padding:5px;}.alerta{font:{weight:bold;size:15px;}}.alert-info {
    @extend .alert;backgournd:skyblue;}

----》

.alert, .alert-info {padding: 5px;}.alerta, .alert-info a {
  font-weight: bold;
  font-size: 15px;}.alert-info {backgournd: skyblue;}

partials

在以前咱们编写css的时候，一个css引入另一个css需要使用@import，其实这是不好的，会多发一次http请求，影响咱们站点的响应速度。

在sass里，咱们可以把小的sass文件分出去，叫做partials，在某个sass里通过@import ‘partials名’去引入，注意路径哟，这样的话就可以把partials里的代码引到咱们大的sass里一起编译

• 需要注意的是 partials的文件名前要加_

_base.sass :

body{margin:0;padding:0;}

style.sass :

@import "base";

.alert {
    padding:5px;
}

.alert a {
    font:{
        weight:bold;
        size:15px;
    }
}

.alert-info {
    @extend .alert;
    backgournd:skyblue;
}

----------->

body {margin:0;padding:0;}.alert, .alert-info {padding: 5px;}.alerta, .alert-info a {
  font-weight: bold;
  font-size: 15px;}.alert-info {backgournd: skyblue;}

这样的话我们就可以把模块化的思想引入到sass里了

comment注释

sass里的注释有三种

• 多行注释
• 单行注释
• 强制注释

多行注释：压缩后不会出现在css里 /* */

单行注释: 不会出现在css里 //

强制注释：压缩后也会出现在css里 /! /

以上就介绍了 sass变量、嵌套、混合（mixin）、继承拓展、@import、comment，包括了方面的内容，希望对HTMLjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。

本文网址链接：http://www.codes51.com/article/detail_4518544_6.html