在本章中,我們來研究控制指令和表達式。基于某些條件的樣式或多次應用相同樣式的變體可以通過使用SassScript支持的控制指令和表達式來實現。這些控制指令是主要在mixin中使用的高級選項。它們需要相當大的靈活性,因為它們是Compass庫的一部分。
下表列出了SASS中使用的控制指令和表達式:
序號 | 控制指令和表達式描述 |
1 | if() 基于條件, if() 函數僅返回兩個可能結果中的一個結果。 |
2 | @if @if 指令接受SassScript表達式,并且只要表達式的結果是除 false 或 null 之外的任何結果,就使用嵌套樣式。 |
3 | @for @for 指令允許您在循環(huán)中生成樣式。 |
4 | @each 在 @each 指令中,定義了一個變量,其中包含列表中每個項目的值。 |
5 | @while 它需要SassScript表達式,直到語句計算結果為false,它迭代地輸出嵌套樣式。 |
更多建議: