Ajouter attribut data dans HTML via CSS

Bonjour,

Je souhaiterai ajouter dynamiquement des attributs data dans des balises HTML via CSS dans une feuille de styles avec un code ressemblant à :

.maClass{ [data-attribut1="valeur1"]; [data-attribut2="valeur2"]  }

Par exemple, J'aimerai passer dynamiquement de :

<div class="maClass"></div>

à :

<div class="maClass" data-attribut1="valeur1" data-attribut2="valeur2"></div>

Je sais qu'avec CSS3 on peut cibler un attribut data mais peut-on en ajouter ?
Ou faut-il passer obligatoirement par une fonction Javascript ?

Merci d'avance
Modifié par fred2501 (18 Nov 2016 - 14:47)

Avis : Cette question a déjà été posée ici.

@Fred2501: Est-ce un sport que de poser la même question dans diverses catégories ?!

Effectivement, CSS ne permettant pas d'ajouter des éléments HTML, c'est bien sur le forum JS que ça se passe.

Comment puis-je supprimer ce post ?