CSS 公共變量是一種解決樣式復用性和可維護性的好方法。通過將顏色、字體大小等變量提取到公共變量中，可以使樣式更加模塊化、可重用，并且易于維護。

:root {
/** 定義公共變量 */
--primary-color: #007bff;
--font-size: 16px;
}
h1 {
font-size: var(--font-size);
color: var(--primary-color);
}
a {
color: var(--primary-color);
text-decoration: none;
}
button {
background-color: var(--primary-color);
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
}

在上面的例子中，我們定義了兩個公共變量：primary-color 和 font-size。這些變量可以在整個樣式表中使用，從而方便地修改全站的主顏色和字體大小。在應用樣式時，通過使用 var() 函數將公共變量的值應用到具體的元素上。

公共變量不僅可以提高樣式的可維護性，也可以提高其可讀性。通過給顏色、字體大小等聲明命名，我們能夠更直觀地理解樣式的意義和邏輯。這對于協作開發和代碼維護都是非常有益的。

總之，通過使用 CSS 公共變量可以使樣式更加模塊化、可重用，并且易于維護。如果您還沒有嘗試過使用變量來管理樣式，請務必試一試，相信你會喜歡上這種方式。