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的语法一致。

查看更多关于Sass字符运算介绍的详细内容...