• :在线测试工具暂时不可用,小伙伴们可以使用本地编辑器来代替,绿叶全新版本正在快马加鞭开发中,比心~

4.3 字符运算

在之前“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的语法一致。

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

小伙伴们也可以加一下QQ群,在“群文件”中可以获取学习资源以及配套资源,以及跟其他小伙伴交流,站长也在群内。

(1)QQ群:519225291(暗号:lvye

(2)绿叶学习网常见问题解答

回到顶部