美文网首页
sass定义变量

sass定义变量

作者: 最爱喝龙井 | 来源:发表于2019-09-26 19:23 被阅读0次

sass定义变量
语法: $变量名:变量值

例:

style.scss文件

$primary-color: red;
$primary-border: 1px solid $primary-color;
body.bg {
    background-color: $primary-color;
    border: $primary-border;
}

编译之后的style.css

body.bg {
  background-color: red;
  border: 1px solid red;
}

相关文章

  • Sass学习笔记(1)

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

  • sass定义变量

    sass定义变量语法: $变量名:变量值 例: style.scss文件 编译之后的style.css

  • CSS 预处理器-Sass基础

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

  • SASS预处理

    SASS预处理语言学习 定义变量 SASS允许使用变量,所有变量以$开头。 如果变量需要镶嵌在字符串之中,就必须需...

  • SCSS

    scss语法scss常见用法阮一峰 sass语法 变量 $ 定义 嵌套引用 多值变量 变量计算 定义 嵌套引用,特...

  • Sass笔记

    Sass笔记 变量 Sass可以让CSS也像程序语言一样拥有变量,可以把反复使用的CSS属性定义为变量,然后通过变...

  • sass精华摘要

    【Sass特点】:引入变量、允许嵌套、样式导入 1.1、变量的定义 变量均以$开头 1.2、变量的引入 2.0 嵌...

  • css变量

    顾名思义,css变量,就是原生css里面也可以像less/sass一样,拥有定义变量的能力 一、语法 定义时:变量...

  • DarkMode(5):深色模式不同实现方案切换

    sass自定义函数转 sass预处理 在《DarkMode(2):深色模式解决方案——css颜色变量实现Dark ...

  • Sass语法(1)

    1.变量 在Sass中可以定义变量,变量以$开头+变量名,使用冒号(:)来为变量赋值(相当于传统的=号)。字符串不...

网友评论

      本文标题:sass定义变量

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