在前端開發中，if語句起到了至關重要的作用。它可以幫助我們判斷一個條件是否成立，并根據不同的情況來執行不同的邏輯。在CSS中也同樣可以使用if語句進行判斷。

@if $color == blue {
background: blue;
} @else {
background: red;
}

這里使用的是CSS預處理器Sass中的@if語句。我們可以將變量$color傳入@if語句中進行判斷，如果$color等于blue，那么就輸出背景顏色為藍色的樣式；否則，就輸出背景顏色為紅色的樣式。

這種if語句的應用可以讓我們在編寫CSS時更加靈活和方便。比如，當我們需要根據不同的屏幕尺寸來設置背景顏色時，就可以使用@if語句來判斷：

@if $screen == laptop {
background: #333;
} @else if $screen == tablet {
background: #666;
} @else {
background: #999;
}

在這個例子中，我們可以根據變量$screen的值來判斷不同的屏幕尺寸，從而設置不同的背景顏色。

總之，if語句在CSS中的應用，可以讓我們更加方便地進行樣式的控制，從而提高前端開發的效率。