1、其他函数

  color()接受字符串,将字符串转为十六进制值

  convert(数值,转换的单位)转换两个单位之间的数值,如长度单位,时间单位,角度单位等convert(20cm,px)

  default();如果没有匹配到对应的条件则走此条件:

    .my(a){

      @x:1;
      }
    .my(b){
      @x:2;
      }
    .my(@y)when(default()){
      @x:@y;
      }
    div{
      .my(bb);
      color: @x;
      }

    如果not(default())表示至少要满足一条条件才可以走当前规则

  unit():移除或转换单位:unit(100px,cm)>100cm,unit(100px)>100

2、字符串函数

  escape()对字符串中特殊字符进行转义处理

   e(” “)相当于~” 值“避免解析,如:width:calc(960px-100px);希望由浏览器解析时可写为calc(”960px - 100px“)

   %()格式化函数%a,%a,%A,%A,%d,%d,%D,%D,%s,%s,%S,%S

    div{
      font-family: %("%a %a","microsoft","yahei");》》div {font-family: ""microsoft" "yahei"";}

    }%A %A,%D,%D,%S,%S可以转义字符,%s,%s,%S,%S可以转义除了颜色的其他字符

    replace('content','要进行替换的值',替换值) content: replace('hello aa','aa','bb');》》content: 'hello bb';

    length()返回字符串中的属性值 n:length(1px solid #000)>>>n:3

    extract()提取索引值;@list:”a“,"b","c";

    n:extract(@list,1)  >>n:a

 

 3、数学函数(可以保留单位)

  ceil()向上取整

   floor()向下取整

   percentage()浮点数转换为百分比

    round()取整四舍五入

   sqrt(9px)平方根

   abs()绝对值

   sin(1)默认弧度单位;sin(1deg); asin()反正弦函数

   cos();余弦函数;acos()反余弦

   tan()正切函数;反切atan()

   pi()返回π值

   pow(基数,指数)次方函数

   mod(a,b)取余函数mod(3px,2)》》1px

   min()最小值;max()最大值

 

4.类型函数

  isnumber()是否为数字

  isstring()是否为字符串

  iscolor()是否为颜色值

  iskeyword()是否为关键字

  isurl(url())是否为地址

  ispixel()是否为像素

  isem()

  ispercentage()是否为百分比

  isunit(值,单位px等)是否为带单位的

5.颜色提取函数

  rgb()

  rgba()

  hls()色相饱和度亮度

  hls()色相饱和度亮度透明度

  hue()提取色相值

  saturation()提取饱和度值

  lightness()提取亮度值

  red()提取红色值

6颜色运算函数

  saturate(颜色值,10%)增加10%饱和度

  desaturate()降低饱和度

  lighten()增加亮度

  darken()减少亮度

  fadein()增加透明度

  fadeout()减少透明度

  mix(第一个颜色值,第二个颜色值)混合颜色值

7颜色混合运算

  multiply()两个颜色相交,变暗、正片叠底

  screen()变亮、滤色

  overlay()结合multiply()和 screen,亮的更亮,暗的更暗,相当于叠加,由第一个参数决定

  softlight()柔光与overlay类似当黑色和白色叠加是不会直接输出白色或黑色

  hardlight()强光、亮光

  difference()差值、排除第一个颜色值减去第二个颜色值

  average()对rgb颜色取平均值