jQuery與CSS相結合，是Web開發中經常使用的技巧之一。通過使用jQuery可以輕松地在HTML中操作CSS。當然，如果想要更加高效地操作CSS，我們可以使用變量。

var backgroundColor = "red";
$("body").css("background-color", backgroundColor);

在上面的示例中，我們先定義了一個變量backgroundColor，然后使用它來設置頁面的背景顏色。這種使用變量的方式可以讓我們更加規范地管理CSS樣式，而且也方便我們在代碼中進行修改。如果要修改頁面的背景顏色，只需要在變量中修改顏色值即可，而不用去修改每個使用到這個顏色值的CSS樣式。

除了可以使用變量來設置CSS樣式屬性的值之外，我們還可以使用CSS變量。CSS變量是CSS3中的新特性，可以用來存儲和使用特定的值，類似于JavaScript中的變量。使用CSS變量可以讓我們更加方便地在不同的頁面元素之間共享值，也可以讓我們更加輕松地進行主題切換。

:root {
--main-color: blue;
}
.box {
background-color: var(--main-color);
}

在上面的示例中，我們定義了一個名為--main-color的CSS變量，并將它存儲在:root選擇器中。然后我們在.box中使用了這個變量來設置背景顏色，這樣當我們需要修改主題顏色時，只需要在:root中修改--main-color值即可。