Sass - 控制指令和表示式



在本章中,我們將學習控制指令和表示式。透過使用 SassScript 支援的控制指令和表示式,可以基於某些條件進行樣式設計,或以變化進行多次應用相同樣式。這些控制指令是高階選項,主要在混合指令中使用。它們需要相當大的靈活性,因為它們是 Compass 庫的一部分。

下表列出了 SASS 中使用的控制指令和表示式 −

序號 帶有說明的控制指令和表示式
1 if()

根據條件,if() 函式僅從兩個可能的結果中返回一個結果。

2 @if

@if 指令接受 SassScript 表示式,並且只要表示式的結果不為falsenull,它就使用巢狀樣式。

3 @for

@for 指令允許你在迴圈中生成樣式。

4 @each

@each 指令中,定義了一個變數,其中包含列表中每個專案的值。

5 @while

它接受 SassScript 表示式,並在語句求值為 false 之前迭代輸出巢狀樣式。

廣告