27193 sujets

CSS et mise en forme, CSS3

Bonjour à tous

J'ai une page qui contient des appels à des notes de bas de page sous la forme
<button class="note">text</button>


upload/1576315280-48769-notecall.png

quand on clique sur le bouton, la note de bas de page s'affiche au dessous du bouton.

upload/1576315301-48769-footnote1.png

Pour ajouter le numéro de l'appel de note, j'ai un script qui ajoute automatiquement
<span class="index">numéro</span>


Ma question:
serait il possible de faire cela en CSS pur

button.note:after {
  font-variant-position:super;
  font-size:0.95em;
  content: ???
}

le problème étant de mettre dans content la valeur du nth-of-type du bouton ?
Modifié par PapyJP (14 Dec 2019 - 10:29)
Merci pour ta réponse
Il y a déjà un data-index dans <button> que je n'avais mis dans l'exemple pour simplifier