
- Sass 教程
- Sass - 首頁
- Sass - 概述
- Sass - 安裝
- Sass - 語法
- 使用 Sass
- Sass - CSS 擴充套件
- Sass - 註釋
- Sass - 指令碼
- Sass - @ 規則和指令
- 控制指令和表示式
- Sass - 混合指令
- Sass - 函式指令
- Sass - 輸出樣式
- 擴充套件 Sass
- Sass 實用資源
- Sass - 面試題
- Sass - 快速指南
- Sass - 實用資源
- Sass - 討論
Sass - 控制指令和表示式
在本章中,我們將學習控制指令和表示式。透過使用 SassScript 支援的控制指令和表示式,可以基於某些條件進行樣式設計,或以變化進行多次應用相同樣式。這些控制指令是高階選項,主要在混合指令中使用。它們需要相當大的靈活性,因為它們是 Compass 庫的一部分。
下表列出了 SASS 中使用的控制指令和表示式 −
序號 | 帶有說明的控制指令和表示式 |
---|---|
1 | if()
根據條件,if() 函式僅從兩個可能的結果中返回一個結果。 |
2 | @if
@if 指令接受 SassScript 表示式,並且只要表示式的結果不為false 或null,它就使用巢狀樣式。 |
3 | @for
@for 指令允許你在迴圈中生成樣式。 |
4 | @each
在 @each 指令中,定義了一個變數,其中包含列表中每個專案的值。 |
5 | @while
它接受 SassScript 表示式,並在語句求值為 false 之前迭代輸出巢狀樣式。 |
廣告