[Résolu] Afficher un numéro d'ordre en CSS pur

Bonjour à tous

J'ai une page qui contient des appels à des notes de bas de page sous la forme

<button class="note">text</button>

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



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)

regarde du coté de counter CSS. https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Lists/Compteurs_CSS

Comptage a priori à faire sur button.note
sinon, ajouter un data-attribute au span ou tu insere aussi le numero pour une réutilasation via content:attr(data-attribute);
Modifié par gcyrillus (14 Dec 2019 - 12:47)

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

Bonjour PapyJP,
Problème réglé?

Oui, merci, c'est OK
Je savais que ça existait mais pas possible de retrouver la doc