Sass字符运算介绍

在之前“Sass数据类型”这一节我们知道，CSS有2种字符串类型：（1）有引号字符串；（2）无引号字符串。

在Sass中，我们可以使用“+”（加号）来实现字符串的拼接。对于字符串的连接，我们分为3种情况来考虑：

• （1）如果左右两个字符串都是有引号的，结果是一个有引号的字符串；
• （2）如果左边字符串是有引号的，右边字符串是没有引号的，结果是一个有引号的字符串；
• （3）如果左边字符串是没有引号的，右边字符串是有引号的，结果是一个没有引号的字符串；

一句话概括：结果字符串是否有引号，取决于左边字符串是否有引号。

举例：

div::before
{
    content: "Welcome to " + lvyestudy;
    font:sans- + "serif";
}

编译出来的CSS代码如下：

div:before 
{
    content: "Welcome to lvyestudy";
    font: sans-serif;
}

分析：

Sass之所以会引入2种字符串，也是为了与CSS的语法一致。