Sass控制指令&表達式

本章我們來學習有關控制指令和表達式。樣式化是根據某些條件或採用同樣的風格變化,在很多時候可以通過控制指令和SassScript支持的表達式來完成。這些控制指令主要用於混入高級選項。它們需要相當大的靈活性,因爲它們是Compass庫的一部分。

下表列出了SASS表達式控制指令:

S.N.

控制指令&表達和描述

1

if()

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

2

@if

@if指令接受SassScript表達式和使用嵌套樣式無論表達式的結果是什麼,除了false/null.

3

@for

@for指令可以生成樣式循環

4

@each

@each指令,定義了一個變量,包含每個項目的列表中的數值。

5

@while

SassScript表達式反覆輸出嵌套樣式直到該語句的計算結果爲假。