Antwort an „Gunnar Bittersmann“ verfassen

@@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
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen