在 Sass 中可以通過加法符號“+”來對字符串進行連接。例如:
$content: "Hello" + "" + "Sass!"; .box:before { content: " #{$content} "; }
編譯出來的CSS:
.box:before { content: " Hello Sass! "; }
除了在變量中做字符連接運算之外,還可以直接通過 +,把字符連接在一起:
div { cursor: e + -resize; }
編譯出來的CSS:
div { cursor: e-resize; }
注意,如果有引號的字符串被添加了一個沒有引號的字符串 (也就是,帶引號的字符串在 + 符號左側), 結果會是一個有引號的字符串。 同樣的,如果一個沒有引號的字符串被添加了一個有引號的字符串 (沒有引號的字符串在 + 符號左側), 結果將是一個沒有引號的字符串。 例如:
p:before { content: "Foo " + Bar; font-family: sans- + "serif"; }
編譯出來的 CSS:
p:before { content: "Foo Bar"; font-family: sans-serif; }
小伙伴們,到此為止《sass基礎入門(基礎篇)》的課程已經全部講解完了,后面還有《sass基礎入門(進階篇)》即將上線,歡迎小伙伴們到時學習。
同時小伙伴們如果想看一下 sass 的案例課程可觀看《Sass和Compass必備技能之Sass篇》課程。
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報