[ sass/scss ] Sass 函数功能汇总

本文介绍Sass自备的字符串函数、数字函数、列表函数、Introspection函数、三元函数等等。

1. 字符串函数

unquote($string) 删除字符串中的引号

• 不管是双引号还是单引号包裹的字符串，引号皆被去掉；
• 只能删除字符串最前边和最后边的引号，没法去掉中间的引号；
• 如果字符串没有带引号，则返回原字符串；
• 若引号中，有半个不成对的引号。

/* scss */
.demo1 {
    content: unquote('Hello Sass') ; }
.demo2 {
    content: unquote("Hello Sass"); }
.demo3 {
    content: unquote("Hello' Sass"); }
.demo4 {
    content: unquote("'Hello Sass'"); }
.demo5 {
    content: unquote('"Hello Sass"'); }
.demo6 {
    content: unquote(Hello Sass);}

/* css */
.demo1 {
    content: Hello Sass; }
.demo2 {
    content: Hello Sass; }
.demo3 {
    content: Hello' Sass; }
.demo4 {
    content: 'Hello Sass'; }
.demo5 {
    content: "Hello Sass"; }
.demo6 {
    content: Hello Sass; }

quote($string) 给字符串添加引号

• 若字符串本身带有引号，就不添加；
• 若字符串带有单引号，则跟换为双引号；
• 若双引号中有单引号，则不变，单引号不受影响；
• 若字符串中间有空格或者半块的单引号、双引号时，需要用单引号或双引号括起，不然编译会报错;
• 碰到特殊符号，比如： !、?、> 等，除中折号 - 和下划线_ 都需要使用双引号括起，否则编译器在进行编译的时候同样会报错。

/* scss */
.demo1 {
    content: quote('Hello Sass') ; }
.demo2 {
    content: quote(