在CSS中，變量可以通過多種方式傳入，您可以直接在CSS規(guī)則中定義變量，并在需要使用的地方引用它們。

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

在上面的例子中，--main-color是一個變量，它的值為blue，在body規(guī)則中，background-color屬性的值通過var(--main-color)引用了--main-color變量。

您也可以通過JavaScript動態(tài)地修改CSS變量的值，您可以使用document.documentElement.style.setProperty()方法來設(shè)置一個CSS變量的值：

document.documentElement.style.setProperty('--main-color', 'red');

上面的JavaScript代碼會將--main-color變量的值設(shè)置為red。

還可以通過CSS預(yù)處理器（如Sass或Less）來傳入變量，這些預(yù)處理器允許您在CSS中使用變量，并在編譯時將它們替換為實際的值，在Sass中，您可以使用@variable來定義一個變量，并在樣式規(guī)則中使用它：

@variable mainColor: blue;
body {
  background-color: mainColor;
}

在上面的例子中，@variable mainColor: blue;定義了一個名為mainColor的變量，其值為blue，在body規(guī)則中，background-color屬性的值直接使用了mainColor變量。

CSS提供了多種方式來傳入變量，您可以根據(jù)自己的需求選擇***合適的方式。