CSS自定義屬性data是一個非常有用的功能。它可以讓我們在CSS中定義自己的屬性，以便我們隨時使用它們，并在需要時輕松更改它們。使用這個特性，我們可以輕松地存儲和共享數據，創建易于維護和可讀的代碼。

/* 定義CSS自定義屬性 */
:root {
--primary-color: #F44336;
--font-size: 16px;
}
/* 使用CSS自定義屬性 */
h1 {
color: var(--primary-color);
font-size: var(--font-size);
}

在上述代碼中，我們使用:root偽類定義了兩個自定義屬性--primary-color和--font-size。這些自定義屬性可以在全局范圍內使用。我們可以通過var()函數引用它們，并將其應用于元素樣式中。這樣，我們就可以輕松地更改元素的樣式屬性，而不必修改CSS文件。

我們可以在任何CSS規則中使用自定義屬性。這樣，我們就可以把數據存儲在變量中，然后在我們的CSS中使用它們。這樣做有很多好處，例如：

• 易于維護和修改：我們可以輕松地更改自定義屬性，而不必查找CSS文件中的每一個實例。
• 更清晰和易于理解的CSS代碼：我們可以使用自定義屬性來標識每個模塊的主題顏色，字體大小等，這使得代碼更加可讀和易于理解。
• 更好的可重用性：我們可以在多個網站頁面和項目中重復使用自定義屬性，這將使代碼更加模塊化。

總之，CSS自定義屬性data是一個非常強大和有用的工具。它使我們可以輕松地存儲和共享數據，并使CSS代碼更易于維護、可讀和可重用。如果您還沒有嘗試過自定義屬性，那么現在是時候了。它會使您的CSS開發變得更加高效和優雅。