@@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](https://codepen.io/gunnarbittersmann/pen/gOZdZyQ) (wie oben, bis zu einem Dutzend) Ich hab [in diesem Codepen](https://codepen.io/gunnarbittersmann/pen/mdazbJQ) 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))')`{:.language-js} 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. 🖖 Живіть довго і процвітайте {:@uk} -- *Ad astra per aspera*{:@la}

@@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](https://codepen.io/gunnarbittersmann/pen/gOZdZyQ) (wie oben, bis zu einem Dutzend) Ich hab den Codepen um 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))')`{:.language-js} 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. 🖖 Живіть довго і процвітайте {:@uk} -- *Ad astra per aspera*{:@la}

@@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](https://codepen.io/gunnarbittersmann/pen/gOZdZyQ) (wie oben, bis zu einem Dutzend) Ich hab den Codepen um 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))')`{:.language-js} abgefragt wird), wir 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. 🖖 Живіть довго і процвітайте {:@uk} -- *Ad astra per aspera*{:@la}