• 根據給定的條件來決定是否執行特定程式碼的語句
• 在 SASS 中，條件語句允許根據變數、運算或環境來控制樣式生成
• 常見的條件語句包括 @if、@else if 和 @else，與大多數程式語言類似

應用

• 根據銀幕寬度、顏色模式等環境變量進行樣式調整
• 動態控制變數的使用，例如不同狀態下的顏色選擇

注意

• 條件順序：SASS 中的條件語句按順序執行，第一個符合條件的語句會被執行，因此條件的設置順序很重要
• 運算結果：條件中的運算結果應該是明確的布林值（true 或 false）
• 複雜性：過度依賴條件語句可能使樣式文件過於複雜，需謹慎使用

特別之處

• SASS 的條件語句與變數結合使用時，能夠更靈活地控制樣式
• SASS 內建函數可以與條件語句搭配，進行更細緻的樣式控制
• SASS 中的條件語句如何使用，控制樣式生成
• SASS 提供 @if、@else if 和 @else 來實現條件判斷，這些語句可以根據條件生成不同的樣式
• 這在響應式設計或根據變數動態控制樣式時非常有用

條件語句的文法 Syntax of Conditional Statements in SASS
@if condition {
// 符合條件時執行的樣式
} @else if another-condition {
// 如果符合另一個條件，執行這裡的樣式
} @else {
// 都不符合時，執行這裡的樣式
}