Sass 控制指令和表達(dá)式
在本章中,我們來研究控制指令和表達(dá)式。基于某些條件的樣式或多次應(yīng)用相同樣式的變體可以通過使用SassScript支持的控制指令和表達(dá)式來實(shí)現(xiàn)。這些控制指令是主要在mixin中使用的高級(jí)選項(xiàng)。它們需要相當(dāng)大的靈活性,因?yàn)樗鼈兪荂ompass庫的一部分。
下表列出了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á)式,直到語句計(jì)算結(jié)果為false,它迭代地輸出嵌套樣式。 |