Sass运算符、函数

最新推荐文章于 2024-05-08 10:21:53 发布

sh2001824

最新推荐文章于 2024-05-08 10:21:53 发布

阅读量399

点赞数

文章标签：前端 html sass

本文链接：https://blog.csdn.net/sh2001824/article/details/125978827

版权

一、运算符

首先我们要知道Sass的数据类型

数字：1、2、3、10px
字符串：有引号的字符串："foot"、'bar' 没有引号的字符串：baz
颜色：blue，#999999，rgba(255,0,0,0.8)
布尔类型：true，false
空值：null
数组（list）：用空格或逗号作为分隔符，1.5em 2em 3em ，1.5em,2em,3em
maps：相当于JavaScript的object,（key1:value1，key2:value2）

基本运算符

数学运算符；+ - * / %
关于运算符；< > >= <=
逻辑运算符 and or not

数学运算符

//数学运算符；+ - * / %
//关于运算符；<  >   >=    <=
//逻辑运算符  and or not
p {
    width: 1+2;
    width: 1+2px;
    width: 10+20%;
    width: 20-10;
    width: 20-10px;
    width: 20-10%;
    // 运算符 /：1.作用数学运算符 2.分隔符
    // border-radius: 10px/20px; //当两个单位用/进行分隔，/代表的分隔符
    // border-radius: 10/20;
    // border-radius: 10/20px;
    //当变量与数字用/链接，此时代表除法运算符
    $num: 10px;
    $num_2: 20px;
    // border-radius: $num/20;
    // border-radius: $num/$num_2;
    // border-radius: (10/5);
    // border-radius: 10-10/5;
    //当不想让变量之间进行除法运算