scss的迴圈和陣列

2022-02-20 22:12:32 字數 1095 閱讀 7238

一、迴圈:語法

方式1:@for $i from 開始值 through 結束值包含結束值

方式2:@for $i from 開始值 to 結束值不包含結束值

1

@for $i from 1 through 35}

67@for $i from 1 to 311}

1213

/**最終編譯結果

*/14

.padding-left10

15.padding-left12

16.padding-left14

1718

.margin-left10

19.margin-left12

二、陣列:語法

定義陣列: $arrayname: a,b,c...;

迴圈陣列: @each $item in $arrayname

在迴圈裡邊得到陣列索引: index($arrayname,$item)

1

$pixelarr: 5, 15;

2$position: top, right, bottom, left;

3@each $item in $pixelarr

9@each $p in $position-#: $item + px;12}

13}14}

1516

/**最終編譯結果

*/17

18.margin-5

2122

.margin-top-5

2425

.margin-right-5

2728

.margin-bottom-5

3031

.margin-left-5

3334

.margin-15

3738

.margin-top-15

4041

.margin-right-15

4344

.margin-bottom-15

4647

.margin-left-15

scss 條件語句 迴圈語句使用

type monster p else if type matador else if type monster else 編譯為 p兩種格式 for var from through包含 與 的值 for var from to只包含 var 可以是任何變數,比如 i 和 必須是整數值 for i...

陣列和陣列函式

1 如果對全部元素賦初值 即提供全部初始資料 則定義陣列時對第一維的長度可以不指定,但第二維的長度不能省。2.gets 字元陣列 1 格式 gets 字元陣列名 2 作用 從終端輸入乙個字串到字元陣列,並且得 到乙個函式值。該函式值是字元陣列的首位址。gets函式這裡注意 如果和scanf s k ...

類陣列和陣列

類陣列,顧名思義,和陣列很像,但不是陣列,是乙個物件 理解 var obj 這個物件就能像陣列那樣取值 obj 0 aobj 1 bobj 2 3這就是類陣列,常見的類陣列有 函式的引數arugments,dom方法返回的結果 比如通過document.queryselectorall得到的列表 類...