SCSS Nubmer 型別
SCSS中的Number型別與其他程式語言是類似的,但是不同點也很突出。
如下資料在SCSS都是Number型別:
[Scss] 純文字檢視 複製程式碼1, 2, 13, 10px。
但是在其他程式語言中,10px基本不可能是Number型別;
在SCSS中,很多時候數字結合CSS單位依然是一個Number型別。
看如下程式碼例項:
[Scss] 純文字檢視 複製程式碼$size: 5; $px-unit: $size * 1px; $px-string: $size + px; $px-number: $px-unit / 1px;
宣告一個變數,並賦值為5,自然它是一個Number型別。
(1).$px-number:Number型別,1px可以認為是一個數字,是一個數字之間的乘法運算。
(2).$px-string:String型別,px單獨出現會被看做一個字串,使用+號,那麼就是字串連線操作。
(3).$px-number:Number型別,SCSS中允許帶有相同單位的除法操作,結果是5。
相關文章
- SCSS Color 型別CSS型別
- SCSS 字串 型別CSS字串型別
- SCSS Null 型別CSSNull型別
- SCSS 布林 型別CSS型別
- SCSS 資料型別概述CSS資料型別
- SCSS 和 SASS 區別CSS
- SCSS @mixin和class 區別CSS
- SASS 和 SCSS 的區別CSS
- sass/scss 和 less的區別CSS
- [sass 基礎] .sass 和 .scss 區別CSS
- vue中sass與SCSS的區別VueCSS
- SCSS &父選擇器識別符號CSS符號
- scssCSS
- SCSS @importCSSImport
- SCSS @extendCSS
- SCSS @mixinCSS
- SCSS @if() 指令CSS
- SCSS @eachCSS
- SCSS !globalCSS
- SCSS @for 指令CSS
- SCSS !optionalCSS
- SCSS @mediaCSS
- TS資料型別:型別別名/聯合型別/字面量型別/型別推論等綱要資料型別
- 淺談程式語言型別的強型別,弱型別,動態型別,靜態型別型別
- L02 教程 5.4 筆記 SCSS 引入 SCSS筆記CSS
- javascript基本型別 引用型別 基本包裝型別JavaScript型別
- C#的型別——值型別與引用型別C#型別
- SCSS #{} 插值CSS
- SCSS without和withCSS
- SCSS list 列表CSS
- SCSS 註釋CSS
- SCSS 安裝CSS
- SCSS 函式CSS函式
- SCSS @contentCSS
- SCSS @at-rootCSS
- SCSS @while指令CSSWhile
- SCSS map物件CSS物件
- scss學習CSS