字符串,就是一串字符,比如在 CSS 里面的一些关键词,像 bold,normal,center,right 等等,这些都属于字符串类型的数据。另外还有一些用引号包围的东西也属于字符串类型的数据。比如像 "Helvetica Neue" ...
带引号还有不带引号的字符串的区别就是,带引号的字符串里面,可以包含空格,还有一些特殊的符号,不带引号的字符串不能有这些东西 ...
常见的用在字符串类型的数据的操作符就是 + ,它可以把两个字符串连接到一块儿。我们可以在命令行工具下面去试一下 ... 打开 Sass 的交互功能 ... 输入 sass -i ... 输入点东西,回车以后,会立即看到 Sass 输出的结果 ..
比如我们用带引号的 "ning" 加上不带引号的 hao ... 回车 ... 结果就是它们连接到了一块儿 ... 注意这个返回的结果会用一组引号 ... 表示这是一个字符串类型的数据 ...
再试一下用不带引号的 ning 加上带引号的 "hao" ... 回车 ... 会得到一样的结果 ... 同样是一个字符串类型的数据 ... 不过这两个表达式在真正输出的 CSS 里面还是有点区别的,用一个带引号的字符串,去连接不带引号的字符串,得到的结果里面,也会包含这个引号 ...
如果你用一个不带引号的字符串去连接带引号或者不带引号的字符串,输出的结果会是一个不带引号的字符串。
再试一下用一个字符串加上一个数字类型的数据 ...
"ninghao" + 8080
得到的仍然会是一个字符串类型的数据 ... 结果就是把它们都连接到了一块儿 ... 我们再试一下用减号连接两个字符串 ...
ning - hao
回车 .. 这个结果就是 ning .. 然后一个连接符号 .. 再加上 hao ... 再试一下 / ... 这是一个除号 ... 不过把它用在两个字符串上 .. 得到的结果会保留这个 / 符号 .. 因为在 CSS 里面,有些属性的值可以用这样的方式去写 ..
ning / hao
最后再试一下 * 这个操作符 ... ning * hao ... 这里会出现一个错误的提示 ... 因为把两个字符串类型的数据相乘是没有意义的 ...