Sass学习之路(13)——字符串函数

字符串函数，顾名思义就是用来处理字符串的函数。下边来列举一下Sass中主要的字符串函数：

1.unquote($string)

unquote()函数主要用来删除字符串中的引号，如果字符串本来就没有引号，则不会做任何更改。下面来看下对不同字符串的使用效果：

//SCSS
.test1 {
    content:  unquote('Hello Sass!') ;
}
.test2 {
    content: unquote("'Hello Sass!");
}
.test3 {
    content: unquote("I'm Web Designer");
}
.test4 {
    content: unquote("'Hello Sass!'");
}
.test5 {
    content: unquote('"Hello Sass!"');
}
.test6 {
    content: unquote(Hello Sass);
}

编译后的CSS：

//CSS
.test1 {
  content: Hello Sass!; }

.test2 {
  content: 'Hello Sass!; }

.test3 {
  content: I'm Web Designer; }

.test4 {
  content: 'Hello Sass!'; }

.test5 {
  content: "Hello Sass!"; }

.test6 {
  content: Hello Sass; }

可以看出，这个函数无论是单引号还是双引号都会去掉，并且只会去掉最外层引号。

2.quote()函数：

quote()函数与unquote正好相反，主要用来给字符串添加引号，对于不同字符串的处理效果如下：

//SCSS
.test1 {
    content:  quote('Hello Sass!');
}
.test2 {
    content: quote("Hello Sass!");
}
.test3 {
    content: quote(ImWebDesigner);
}
.test4 {
    content: quote(' ');
}

编译后的CSS：

//CSS
.test1 {
  content: "Hello Sass!";
}
.test2 {
  content: "Hello Sass!";
}
.test3 {
  content: "ImWebDesigner";
}
.test4 {
  content: "";
}

    可以看出，对于有双引号的字符串不会有任何改变，而带单引号的字符串，会把单引号变成双引号。

tips:对于中间有空格的无引号字符串，使用quote()函数会报错，解决的是用双引号把他们包起来，或者去掉空格。

3.To-upper-case()

将字符串的字母全部转换成大写，如：

//SCSS
.test {
  text: to-upper-case(aaaaa);
  text: to-upper-case(aA-aAAA-aaa);
}

编译后：

//CSS
.test {
  text: AAAAA;
  text: AA-AAAA-AAA;
}

4.To-lower-case()

与To-upper-case()相反，将字符串字母全部转换为小写，如：

//SCSS
.test {
  text: to-lower-case(AAAAA);
  text: to-lower-case(aA-aAAA-aaa);
}

编译后：

//CSS
.test {
  text: aaaaa;
  text: aa-aaaa-aaa;
}

以上就是Sass中主要的字符串函数啦。

ps:本喵今天晕车了╮(￣▽￣")╭，就先码到这里了，去休养生息啦。