運(yùn)算可用于連接字符串:

// SCSS p {cursor: e -resize; } // 編譯后的 CSS 樣式 p {cursor: e-resize; }

　　請(qǐng)注意，如果帶引號(hào)的字符串被添加到不帶引號(hào)的字符串中（也就是說(shuō)，帶引號(hào)的字符串在 的左側(cè)），?

　　那么返回的結(jié)果是帶引號(hào)的字符串。同樣，如果一個(gè)不帶引號(hào)的字符串添加到帶引號(hào)的字符串中（不帶引號(hào)的字符串在 的左側(cè)）那么返回的結(jié)果是一個(gè)不帶引號(hào)的字符串。 例如：

// SCSS p:before {content: "Foo " Bar;font-family: sans- "serif"; } // 編譯后的 CSS 樣式 p:before {content: "Foo Bar";font-family: sans-serif; }

　　默認(rèn)情況下，運(yùn)算表達(dá)式與其他值連用時(shí)，用空格做連接符：

// SCSS p {margin: 3px 4px auto; } // 編譯后的 CSS 樣式 p {margin: 7px auto; }

　　在文本字符串中，#{}式插值可以用來(lái)在字符串中放置動(dòng)態(tài)值：

// SCSS p:before {content: "I ate #{5 10} pies!"; } // 編譯后的 CSS 樣式 p:before {content: "I ate 15 pies!"; }

　　在字符串插值時(shí)，Null值被視為空字符串：

// SCSS $value: null; p:before {content: "I ate #{$value} pies!"; } // 編譯后的 CSS 樣式 p:before {content: "I ate pies!"; }

?

更多專(zhuān)業(yè)前端知識(shí)，請(qǐng)上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的scss-字符串连接符的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。