CSS可以通過(guò)var()函數(shù)調(diào)用JavaScript中定義的變量。這種功能在自定義屬性或工具欄中非常有用。

要在CSS中調(diào)用JavaScript變量，請(qǐng)將變量定義在JavaScript中，然后在CSS中使用var()函數(shù)引用該變量。

/* JavaScript */
const mainColor = "#ff0000"; 
document.documentElement.style.setProperty('--main-color', mainColor);

/* CSS */
body {
color: var(--main-color);
}

可以使用JavaScript變量設(shè)置自定義屬性，然后使用該變量在CSS中引用自定義屬性：

/* JavaScript */
const maxWidth = "800px"; 
document.documentElement.style.setProperty('--max-width', maxWidth);

/* CSS */
.container {
max-width: var(--max-width);
}

通過(guò)使用這種技術(shù)，可以在JavaScript中定義變量，并在不同的CSS規(guī)則中使用它們。這使得設(shè)計(jì)師在設(shè)計(jì)品牌色彩方案等方面更具靈活性。

然而，要注意的是，這種方法需要瀏覽器支持CSS3。另外，在使用此方法時(shí)，需要謹(jǐn)慎避免與其他CSS變量發(fā)生沖突。