免費(fèi)AI編程助手
Sass 控制指令和表達(dá)式
2018-12-30 17:14 更新
在本章中，我們來(lái)研究控制指令和表達(dá)式。基于某些條件的樣式或多次應(yīng)用相同樣式的變體可以通過(guò)使用SassScript支持的控制指令和表達(dá)式來(lái)實(shí)現(xiàn)。這些控制指令是主要在mixin中使用的高級(jí)選項(xiàng)。它們需要相當(dāng)大的靈活性，因?yàn)樗鼈兪荂ompass庫(kù)的一部分。
下表列出了SASS中使用的控制指令和表達(dá)式:
| 序號(hào) | 控制指令和表達(dá)式描述 |
| 1 | if() 基于條件， if() 函數(shù)僅返回兩個(gè)可能結(jié)果中的一個(gè)結(jié)果。 |
| 2 | @if @if 指令接受SassScript表達(dá)式，并且只要表達(dá)式的結(jié)果是除 false 或 null 之外的任何結(jié)果，就使用嵌套樣式。 |
| 3 | @for @for 指令允許您在循環(huán)中生成樣式。 |
| 4 | @each 在 @each 指令中，定義了一個(gè)變量，其中包含列表中每個(gè)項(xiàng)目的值。 |
| 5 | @while 它需要SassScript表達(dá)式，直到語(yǔ)句計(jì)算結(jié)果為false，它迭代地輸出嵌套樣式。 |
以上內(nèi)容是否對(duì)您有幫助：
更多建議：