運算可用于連接字符串:

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

　　請注意，如果帶引號的字符串被添加到不帶引號的字符串中（也就是說，帶引號的字符串在 的左側），?

　　那么返回的結果是帶引號的字符串。同樣，如果一個不帶引號的字符串添加到帶引號的字符串中（不帶引號的字符串在 的左側）那么返回的結果是一個不帶引號的字符串。 例如：

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

　　默認情況下，運算表達式與其他值連用時，用空格做連接符：

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

　　在文本字符串中，#{}式插值可以用來在字符串中放置動態值：

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

　　在字符串插值時，Null值被視為空字符串：

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

?

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。