Vă rugăm să rețineți că, deoarece atributele de date sunt atribute simple HTML, puteți chiar să le accesați de la CSS. De exemplu, pentru a afișa data-parent în articol, puteți utiliza conținutul generat în CSS cu funcția attr:
article::before { content: attr(data-parent);}Puteți utiliza, de asemenea, selecțiile atributului în CSS pentru a schimba stilurile în funcție de priopități de date:
article { width: 400px;}article { width: 600px;}Puteți vedea toate acestea colaborate împreună pe acest exemplu JSBIN.
Atributele de date pot fi, de asemenea, stocate astfel încât să conțină informații în continuă schimbare, cum ar fi scorurile într-un joc. Folosind selectoare CSS și accesul la JavaScript aici, acest lucru vă permite să creați unele efecte ingenioase fără a trebui să vă scrieți propriile rutine de vizualizare. Consultați această screenmă pentru a vedea un exemplu utilizând conținut generat și tranzacții CSS (exemplu JSBIN).
Valorile datelor sunt șiruri de caractere. Valorile numerice trebuie să fie citate în selector, astfel încât stilul să aibă efect.