TW511教學網
目錄
全部教學
技術文章
SASS教學
»
Sass @if指令
目錄
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 @if指令
@if 指令用於選擇性地執行基於該計算表示式程式碼語句的結果。@if 語句可以跟著幾個 @else if 語句。讓我們從下面的表格研究這些。
S.N.
型別和說明
1
@if
它接受SassScript表示式,並使用巢狀樣式,表示式的結果是false或null。
2
@else if
它是用來與 @if 指令使用,當 @if 語句失敗時,那麼@else if 語句嘗試測試條件,如果它們都沒有匹配 @else 執行。
Sass @else if指令
Sass through關鍵字