Sass 控制指令和表達式

2018-12-30 17:14 更新

在本章中,我們來研究控制指令表達式。基于某些條件的樣式或多次應用相同樣式的變體可以通過使用SassScript支持的控制指令和表達式來實現(xiàn)。這些控制指令是主要在mixin中使用的高級選項。它們需要相當大的靈活性,因為它們是Compass庫的一部分。

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

序號控制指令表達式描述
1 if()

基于條件, if() 函數僅返回兩個可能結果中的一個結果。
2 @if

@if 指令接受SassScript表達式,并且只要表達式的結果是除 false null 之外的任何結果,就使用嵌套樣式。
3 @for

 @for 指令允許您在循環(huán)中生成樣式。
4 @each

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

它需要SassScript表達式,直到語句計算結果為false,它迭代地輸出嵌套樣式。
以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號