TW511教學網
目錄
全部教學
技術文章
SASS教學
»
Sass @for指令
目錄
1.
SASS教學
2.
Sass安裝
3.
Sass語法
4.
Sass的使用
5.
Sass巢狀規則
6.
Sass參照父選擇器
7.
Sass巢狀屬性
8.
Sass CSS擴充套件
9.
Sass預留位置選擇器
10.
Sass多行注釋插值法
11.
Sass註釋
12.
Sass互動式shell
13.
Sass變數
14.
Sass資料型別
15.
Sass數位運算子
16.
Sass顏色運算子
17.
Sass字串運算子
18.
Sass布林運算子
19.
Sass操作符
20.
Sass括號混合
21.
Sass插值
22.
Sass函式
23.
Sass SassScript &符號
24.
Sass變數預設值
25.
Sass指令碼
26.
Sass @import指令
27.
Sass @media指令
28.
Sass @extend指令
29.
Sass @at-root指令
30.
Sass @debug指令
31.
Sass @warn指令
32.
Sass @error指令
33.
Sass @規則和指令
34.
Sass if()函式
35.
Sass @if指令範例
36.
Sass @else if指令
37.
Sass @if指令
38.
Sass through關鍵字
39.
Sass to關鍵字
40.
Sass @for指令
41.
Sass @each指令範例
42.
Sass @each多重分配
43.
Sass @each多重分配與對映
44.
Sass @each指令
45.
Sass @while指令
46.
Sass控制指令&表示式
47.
Sass 定義Mixin
48.
Sass包含mixin
49.
Sass Mixin引數
50.
傳遞內容塊到Mixin
51.
Sass混入指令
52.
Sass函式指令
53.
Sass輸出樣式
54.
擴充套件Sass
Sass @for指令
@for指令可以迴圈生成樣式。計數變數用於設定每次疊代輸出。@for指令有2種型別,如下表:
S.N.
關鍵詞和說明
1
through
@for使用關鍵字 through 指定包括<start> 和 <end>這兩個值的範圍內
2
to
@for用於關鍵字to 指定從<start> 值到<end>數值範圍的值
Sass to關鍵字
Sass @each指令範例