@@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.
🖖 Живіть довго і процвітайте
--
Ad astra per aspera
Ad astra per aspera