TW511教學網
目錄
全部教學
技術文章
SASS教學
»
Sass互動式shell
目錄
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互動式shell
SassScript通過使用互動式shell工作。可以使用 -i 選項執行 shell 及 sass 命令列。
語法
$ sass
-
i
下面我們將使用上面的命令編寫一些表示式,如下圖所示:
正如在上面的圖片中看到,我們已經通過相加它們生產另一種顏色的程式碼,並相加三個數位來顯示給定數位的顏色程式碼的總值。
Sass註釋
Sass變數