在CSS中，三元運算符可以幫助我們快速地設(shè)置樣式。

三元運算符的語法如下：

condition ? value1 : value2;

其中，condition是一個條件，如果條件為真則執(zhí)行value1，否則執(zhí)行value2。

例如，我們可以使用三元運算符來根據(jù)當(dāng)前頁面的顏色模式設(shè)置背景顏色：

body {
background-color: #fafafa;
color: #333;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
color: #fafafa;
}
}

使用三元運算符：

body {
background-color: #fafafa;
color: #333;
background-color: var(--background-color, #fafafa);
color: var(--text-color, #333);
}
@media (prefers-color-scheme: dark) {
body {
--background-color: #333;
--text-color: #fafafa;
}
}

在上面的例子中，我們定義了兩個變量--background-color和--text-color，它們的默認值分別是#fafafa和#333。在@media查詢中，我們用三元運算符來判斷當(dāng)前頁面是否為暗色模式，如果是，則給這兩個變量賦值為#333和#fafafa，否則仍然使用默認值。