Si prega di notare che, poiché gli attributi dei dati sono semplici attributi HTML, è anche possibile accedervi da CSS. Ad esempio, per mostrare data-parent nell’articolo, è possibile utilizzare il contenuto generato in CSS con la funzione attr:
article::before { content: attr(data-parent);}È inoltre possibile utilizzare le selezioni di attributo in CSS per modificare gli stili in base alle priopit di dati:
article { width: 400px;}article { width: 600px;}Puoi vedere tutto questo lavorando insieme su questo esempio di jsbin.
Gli attributi dei dati possono anche essere memorizzati in modo da contenere informazioni in continua evoluzione, come i punteggi in un gioco. Utilizzando i selettori CSS e l’accesso a JavaScript qui, questo ti consente di creare alcuni effetti ingegnosi senza dover scrivere le tue routine di visualizzazione. Vedere questo schermo per visualizzare un esempio utilizzando contenuti generati e transazioni CSS (esempio Jsbin).
I valori dei dati sono stringhe di caratteri. I valori numerici devono essere citati nel selettore in modo che lo stile abbia effetto.