@@Rolf B
Es ist zwar nett, eine CSS-only Lösung zu haben. Aber ich hätte mir vermutlich doch die Mühe gemacht, mit JavaScript die Werte von --count und --index zu bestimmen.
Hab ich auch gemacht – als Polyfill für Browser, die :has()
noch nicht unterstützen (sprich: für Firefox).
Mit if (!CSS.supports('selector(&:has(li:nth-of-type(1)))'))
wird abgefragt, ob der jeweilige Browser das CSS versteht oder ob er das JavaScript ausführen muss.
🖖 Живіть довго і процвітайте
--
Ad astra per aspera
Ad astra per aspera