Einem neu erzeugtem Button eine bestimmte Position zuweisen

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Und das ist auch nur Firefox geschuldet, der momentan :has() noch nicht richtig unterstützt. In Chromium und Safari können sich die Buttons schon selbst durchzählen. ☞ button circle, self-counting (wie oben, bis zu einem Dutzend)

Ich hab in diesem Codepen einen Polyfill ergänzt. Nur, wenn der Browser diesen nötig hat (was mit !CSS.supports('selector(&:has(button:nth-of-type(1):last-of-type))') abgefragt wird), wird für alle Elemente der Klasse button-circle (es könnte ja mehrere davon auf der Seite geben) --count auf die Anzahl der Buttons gesetzt – initial und über einen MutationObserver bei späteren Änderungen im DOM.

🖖 Живіть довго і процвітайте