Tingueu en compte que, pel fet que els atributs de dades són atributs simples d’HTML, fins i tot pot accedir-hi des de CSS. Per exemple, per mostrar els data-parent en l’article, pot usar el contingut generat en CSS amb la funció attr:
article::before { content: attr(data-parent);}També pot usar els selectors d’atributs en CSS per canviar els estils d’acord a les priopiedades de dades:
article { width: 400px;}article { width: 600px;}Podeu veure tot això treballant al costat en aquest exemple de JSBin.
els atributs de dades també es poden emmagatzemar perquè continguin informació que canvia constantment, com els puntajes en un joc. Usant els selectors de CSS i l’accés a JavaScript aquí, això li permet crear alguns efectes enginyosos sense haver d’escriure les seves pròpies rutines de visualització. Consulteu aquest screencast per veure un exemple utilitzant contingut generat i transaccions CSS (Exemple JSBin).
Els valors de dades són cadenes de caràcters. Els valors numèrics han de ser citats al gestor perquè l’estil tingui efecte.