美文网首页
Sass默认变量

Sass默认变量

作者: 混吃等死小前端 | 来源:发表于2020-02-13 14:21 被阅读0次

1、默认变量

  • !default的变量为默认变量;
  • 将该标识应用于变量值后面,表示如果该变量没有在其他地方定义或即便定义了但值为 null,那此处设置的默认值才生效,否则使用其他地方设置的那个值;
  • 默认变量一般是用来设置默认值,然后根据需求来覆盖的,覆盖的方式也很简单,只需要在默认变量之前重新声明下变量即可。
//.scss
$baseLineHeight: 2;
$baseLineHeight: 1.5 !default;
body{
    line-height: $baseLineHeight; 
}

//编译后.css
body{
    line-height: 2;
}

相关文章

  • Sass默认变量

    1、默认变量 有!default的变量为默认变量;将该标识应用于变量值后面,表示如果该变量没有在其他地方定义或即便...

  • sass

    $来定义变量!default表示默认值sass 的默认变量一般是用来设置默认值,然后根据需求来覆盖的,覆盖的方式也...

  • Sass系列(三):sass基本语法

    1.变量 SASS允许使用变量,所有变量以$开头。 如果变量需要镶嵌在字符串之中,就必须需要写在#{}之中。 默认...

  • Sass学习笔记(1)

    1.变量 在Sass中使用$符号定义变量。 在sass可以直接使用变量: 注意,sass也有变量作用域,如果你在一...

  • vue使用sass

    安装 使用 vue cli 3 构建的话,默认不需要配置 设置sass全局变量 参考Vue CLI

  • sass基础语法

    SASS是SCSS3的新语法 SASS允许使用变量,所有变量以$开头。 SASS允许在代码中使用算式。 SASS允...

  • Sass 入门篇 —— 学习笔记(二)

    一、Sass 的基本特性 - 基础 变量 声明变量Sass 的变量包括三个部分:声明变量的符号 “$”变量名称(如...

  • sass使用入门

    sass使用入门 1、使用变量 1.1 变量声明: 1.2 变量引用: 1.3变量使用中划线还是下划线: sass...

  • Sass

    中文官网:https://www.sass.hk sass环境 变量 变量类型 变量计算 文件引入 mixin 混...

  • CSS 预处理器-Sass基础

    上一节讲完了Sass安装与编译的入门支持,本节主要讲Sass的基础语法。 1.变量 在Sass中可以定义变量,变量...

网友评论

      本文标题:Sass默认变量

      本文链接:https://www.haomeiwen.com/subject/csccfhtx.html