CSS中的var是什么？var是CSS中的一個比較新的屬性，用來定義變量。這個屬性可以讓你定義一些比較常用的值，這些值可能會在很多地方用到，而且也經常需要調整。有了var，你只需要把這些值定義好，并取一個好記的名字，就可以在后面使用這些變量了。

用法如下：

:root {
--bg-color: #f7f7f7;
--text-color: #333;
}
body {
background-color: var(--bg-color);
color: var(--text-color);
}

上面的例子中，我們定義了一個根變量，它有兩個屬性，分別是--bg-color和--text-color，它們的值分別是#f7f7f7和#333。這些變量定義在根選擇器(:root)下，這是因為我們想在整個頁面中使用這些變量。

然后，在body選擇器中，我們使用var()函數來引用這些變量。這個函數可以接受一個參數，就是我們之前定義的變量名。這樣做的好處是，如果我們想要改變背景色或者字體色，我們只需要改變變量值的定義，整個頁面的樣式就都會跟著變化。

但是，要注意的是，var()函數只能在聲明的屬性中使用，比如background-color、color、border等等。不能在值的一部分使用，比如：padding: 0 var(--spacing) 0 0; 這是不行的。

總結一下，CSS中的var是用來定義變量的，可以讓我們在多個選擇器中使用同一個變量值，避免了代碼的重復和維護，可以提高代碼的可讀性和維護性。注意，要在聲明的屬性中使用var()函數。