Sass 字串插值

2021-07-26 15:08:35 字數 710 閱讀 4011

sass檔案 common.scss

//字串插值

}

sass編譯後:

.content

sass檔案common.scss

//避免運算

//sass中的運算必須有空格間隔

$width : 400px;

.ys/# "microsoft yahei","微軟雅黑";

}

sass編譯後:

.ys

以上是我們想要實現的正確css輸出

color,width屬性的輸出

需要注意的是:

在font:#/# "microsoft yahei","微軟雅黑";中

使了的字串插值,避免了變數進行運算,正確輸出

如果不使用字串插值,改為以下

.ys

sass編譯後輸出

.ys  

//我們看到$fs/$lh的輸出結果是運算後的結果0.5,是錯誤的

所以 字串插值的另外乙個作用是阻止運算

Scala字串插值

scala提供了三種字串插值方式 s,f和raw。1.s字串插值器 簡單的說就是解析字串變數。val name tom println s his name is name println s his name is my println s 23 78 第2行是最簡單的用法,第3行為了區分變數名加...

Sass 插值語法

你可以通過 插值語法在選擇器和屬性名中使用 sass 的變數 變數 name button new border border radius 斜體樣式 插值表示式 div 10px 編譯為css div button 同樣,使用 插值語句也可以把 sass 變數插入到屬性值中。但大多數情況下這種做可...

29 scala程式設計思想筆記 字串插值

29.scala程式設計思想筆記 字串插值 利用字串插值,建立的字串就可以包含格式化的值。在字串的前面放置乙個s,在你想讓scala插值的識別符號之前放置乙個 例如 import com.atomicscala.atomictest.def i s string,n int,d double str...