在CSS中使用data屬性可以給元素添加自定義數據，這些數據可以在樣式表的各種選擇器中使用。使用data屬性可以非常方便地實現一些功能，比如為元素附加額外信息、存儲元素狀態等等。

/* 通過data屬性設置元素的信息 */
div[data-name='foo'] {
color: red;
}
/* 使用data屬性選擇所有包含特定信息的元素 */
div[data-name] {
background-color: yellow;
}
/* 使用偽元素before和屬性選擇器來顯示data屬性的值 */
div::before {
content: attr(data-name);
}

上面的代碼演示了如何在CSS中使用data屬性。我們可以為某個元素設置一個data屬性并為其賦值。然后，在樣式表中，我們可以使用屬性選擇器（如[data-name='foo']）來選擇所有具有特定值的元素，并為其設置樣式。我們也可以使用[data-name]選擇器選擇所有具有data屬性的元素，并為其設置樣式。另外，我們還可以使用偽元素before和屬性選擇器attr()實現在元素前面顯示data屬性的值。

總之，CSS中的data屬性可以幫助我們更好地管理和操作元素的數據，為Web應用程序的開發提供了更加方便快捷的方式。