sass

$来定义变量
!default表示默认值
sass 的默认变量一般是用来设置默认值,然后根据需求来覆盖的,覆盖的方式也很简单,只需要在默认变量之前重新声明下变量即可。

$baseLineHeight: 1.5 !default;
body{ line-height: $baseLineHeight; }```
编译后的css代码:
body{ line-height:2;}
先声明的先使用
在sass和less中&都是表示父元素
sass可以进行属性的嵌套 属性后面加:即可
```.box {
  border: {
   top: 1px solid red;
   bottom: 1px solid green;
  }
}```
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 基础 声明变量 普通变量 默认变量 变量覆盖:只需要在默认变量之前重新声明下变量即可 变量的调用 局部变量和全局变...
    Jill1231阅读 1,341评论 0 1
  • 声明变量 定义变量的语法: 在有些编程语言中(如,JavaScript)声明变量都是使用关键词“var”开头,但是...
    Junting阅读 1,496评论 0 6
  • 1、SCSS 是 Sass 的新语法格式,从外形上来判断他和 CSS 长得几乎是一模一样,代码都包裹在一对大括号里...
    夜幕小草阅读 1,779评论 2 10
  • http://www.w3cplus.com/sassguide/http://www.ruanyifeng.co...
    简不简单_都好阅读 457评论 0 0
  • 3.移动端前端基础架构 15:16单词释义:a)mkdir: make directory 建立一个新的子目录(...
    小豌豆书吧阅读 955评论 0 1