当前位置: 首页 > Web前端 > CSS

Sass函数

时间:2023-03-30 19:07:03 CSS

1。字符串函数unquote($string):删除字符串中的引号;quote($string):给字符串加上引号;To-upper-case($string):将字符串小写转换为大写字母To-lower-case($string):将字符串大写字母转换为小写字母(1)unquote($string)unquote函数的主要作用是删除字符串中的引号:无论是双引号还是单引号包裹的字符串,引号全部去掉;只能删除字符串前面和结尾的引号,不能删除中间的引号;如果字符串没有引号,则返回原字符串;如果字符串Unpairedquotes中有一半的引号。2、数字函数percentage($value):将没有单位的数字转换成百分比值;round($value):将值四舍五入并转换为最接近的整数;ceil($value):四舍五入;下限($value):向下舍入;abs($value):数字的绝对值;min($numbers...):求几个值之间的最小值;max($numbers...):找出数字之间的最大值;random():获取随机数的numeric函数Sass与JavaScript的Math对象方法基本类似:3.list函数length($list):返回一个列表的长度值;nth($list,$n):返回列表中指定的标签值;join($list1,$list2,[$separator]):将两列连接在一起形成一个列表;append($list1,$val,[$separator]):在列表末尾放置一个值;zip($lists...):将几个列表组合成一个多维列表;index($list,$value):返回一个值在列表中的位置值。4.自省函数type-of($value):返回一个值的类型;unit($number):返回值的单位;unitless($number):判断一个值是否有单位;comparable($number-1,$number-2):判断两个值是否可以相加,*相减,合并。####5.三元条件函数if($condition,$if-true,$如果-假);####6.Maps的功能*map-get($map,$key):根据给定的key值,返回map中的相关值;*map-has-key($map,$key):根据给定的key值判断map是否有对应的value值,有则返回true,否则返回false。*map-keys($map):返回地图中的所有键。*map-values($map):返回地图中的所有值。*map-merge($map1,$map2):将两张地图合并成一张新地图。*map-remove($map,$key):从地图中删除一个键并返回一个新地图。*keywords($args):返回一个函数的参数,可以动态设置key和value。###7.自定义函数@functioncolumn-width($col,$total){@returnpercentage($col/$total);}.col-3{width:column-width(3,8);}。col-5{width:column-width($total:5,$col:8);}作者:四小七[链接](https://www.jianshu.com/p/ef2ca6fbf944)来源:简书