<div data-name="John" data-age="23">
<p>Some content here...</p>
</div>

元素添加了兩個帶有data-前綴的屬性，即data-name和data-age。 要在CSS樣式表中使用這些屬性，我們需要使用一對中括號將它們包裹起來。例如：

div[data-name] {
font-weight: bold;
}
div[data-age] {
color: red;
}

在CSS中，這將為具有相應data屬性的元素添加樣式。在上述示例中，當元素具有data-name屬性時，其文本將以粗體顯示，而具有data-age屬性的元素將顯示為紅色。 總結 CSS3 data-*屬性提供了一種強大的方法，可以在HTML標記中添加自定義數據，以便標記和腳本使用。通過使用CSS選擇器，我們可以樣式化這些屬性，使其看起來更加美觀和易于識別。這些屬性為開發人員提供了令人興奮的新機會，使他們能夠創造出更加復雜和互動的Web體驗。