CSS中使用JS變量是一種非常有用的技巧，可以使CSS更加靈活和易于維護。其中，使用JS變量可以用于定義CSS變量，也可以用于動態地更新CSS樣式。

//定義CSS變量
:root {
--main-color: ${mainColor};
}
//動態更新CSS樣式
document.documentElement.style.setProperty('--main-color', newColor);

在上面的代碼中，我們使用了JS變量來定義CSS變量。這樣，在編寫CSS樣式時，我們就可以直接使用這個變量，而無需重復地寫入值。

除此之外，我們還可以使用JS變量來動態地更新CSS樣式。在這個例子中，我們通過JavaScript代碼獲取到了一個新的顏色值，并使用setProperty方法將其設置為CSS變量--main-color的值。這樣，我們就可以在運行時動態地改變CSS樣式。

需要注意的是，使用JS變量定義CSS變量的代碼必須寫在CSS樣式之前，否則CSS無法正確解析變量的值。

總的來說，使用JS變量能夠幫助我們更好地組織和維護CSS代碼，讓CSS更加靈活和易于開發。