Veuillez noter que, car les attributs de données sont des attributs HTML simples, vous pouvez même y accéder de CSS. Par exemple, pour montrer le data-parent dans l’article, vous pouvez utiliser le contenu généré dans CSS avec la fonction attr:
article::before { content: attr(data-parent);}Vous pouvez également utiliser les sélections d’attribut dans CSS pour modifier les styles en fonction des priopités de données:
article { width: 400px;}article { width: 600px;}Vous pouvez voir tout cela en travaillant ensemble sur cet exemple JSBIN.
Les attributs de données peuvent également être stockés afin qu’ils contiennent des informations constamment modifiées, telles que des scores dans une partie. Utilisation des sélecteurs CSS et accédez à JavaScript ici, cela vous permet de créer des effets ingénieux sans avoir à écrire vos propres routines de visualisation. Consultez cette critique pour voir un exemple en utilisant des transactions générées et des transactions CSS (exemple JSBIN).
Les valeurs de données sont des chaînes de caractères. Les valeurs numériques doivent être citées dans le sélecteur afin que le style prend effet.