CSS中常常需要根據不同的條件來設置樣式。在JavaScript中，我們可以使用if語句來實現條件判斷。那么在CSS中，怎樣使用if語句呢？

/* 偽代碼，CSS中并沒有if語句 */
if (condition) {
/* do something */
} else {
/* do something else */
}

實際上，CSS中并沒有if語句，但是我們可以通過一些技巧來實現條件判斷。下面是一些常用的方法：

1. 使用屬性選擇器

/* 當元素的class值為active時，設置顏色為紅色，否則設置為藍色 */
.element[class="active"] {
color: red;
}
.element {
color: blue;
}

2. 使用偽類選擇器

/* 當元素被鼠標懸停時，設置顏色為紅色，否則設置為藍色 */
.element:hover {
color: red;
}
.element {
color: blue;
}

3. 使用變量

:root {
--color: blue;
}
/* 當元素的class值為active時，設置顏色為紅色 */
.element[class="active"] {
--color: red;
}
.element {
color: var(--color);
}

通過以上技巧，我們可以在CSS中實現類似于if語句的效果。不同的方法適用于不同的場景，需要根據實際情況選擇合適的方法。