添加CSS自定義屬性，可以通過以下步驟實現(xiàn)：

1、在HTML元素中添加自定義屬性：在需要添加自定義屬性的HTML元素中，使用data-前綴來命名自定義屬性，在div元素中添加一個自定義屬性：

<div data-my-custom-attribute="some value"></div>

2、使用CSS獲取自定義屬性的值：在CSS中，可以使用attr()函數(shù)來獲取自定義屬性的值，獲取上述自定義屬性的值：

div[data-my-custom-attribute] {
  color: attr(data-my-custom-attribute);
}

上述CSS代碼會將div元素中的自定義屬性獲取到，并將其值設(shè)置為該元素的文本顏色。

3、自定義屬性的應(yīng)用：通過獲取自定義屬性的值，可以將其應(yīng)用于各種CSS樣式中，如顏色、字體、布局等，可以根據(jù)自定義屬性的值來設(shè)置div元素的背景顏色：

div[data-my-custom-attribute] {
  background-color: attr(data-my-custom-attribute);
}

這樣，就可以根據(jù)div元素中的自定義屬性值來設(shè)置其背景顏色了。

需要注意的是，雖然CSS自定義屬性提供了一種靈活的方式來應(yīng)用樣式，但過度使用可能會導(dǎo)致代碼難以維護和理解，在使用自定義屬性時，應(yīng)該謹慎考慮其必要性和適用性。