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 Null 型別CSSNull型別
- SCSS 字串 型別CSS字串型別
- SCSS Color 型別CSS型別
- SCSS 和 SASS 區別CSS
- SASS 和 SCSS 的區別CSS
- SCSS @mixin和class 區別CSS
- vue中sass與SCSS的區別VueCSS
- SCSS &父選擇器識別符號CSS符號
- scssCSS
- SCSS @extendCSS
- SCSS @mixinCSS
- SCSS @importCSSImport
- SCSS !optionalCSS
- SCSS @for 指令CSS
- SCSS @if() 指令CSS
- SCSS @eachCSS
- SCSS @contentCSS
- SCSS !globalCSS
- TS資料型別:型別別名/聯合型別/字面量型別/型別推論等綱要資料型別
- 淺談程式語言型別的強型別,弱型別,動態型別,靜態型別型別
- 值型別和引用型別型別
- JavaScript引用型別-Object型別JavaScript型別Object
- L02 教程 5.4 筆記 SCSS 引入 SCSS筆記CSS
- SCSS #{} 插值CSS
- SCSS list 列表CSS
- SCSS without和withCSS
- SCSS 函式CSS函式
- SCSS @at-rootCSS
- SCSS @while指令CSSWhile
- SCSS 註釋CSS
- SCSS map物件CSS物件
- SCSS 安裝CSS
- 值型別與引用型別的區別型別
- js基本型別和引用型別區別JS型別
- typeScript 型別斷言、聯合型別和交叉型別(七)TypeScript型別
- 型別預設和any型別型別
- 資料型別,型別轉換資料型別
- c#:值型別&引用型別C#型別
- JavaScript值型別和引用型別JavaScript型別