content:counters;

:has()を使って親要素内に存在する子要素を数えるCSSのサンプル

リストにCSSカウンターで数字を表示して全体的にグラデーションカラーにする

自動ナンバリングできるCSSカウンターを同ページ内で複数使うサンプル

CSSだけでチェックボックスにチェックしたらテキストに打ち消し線してチェックした数も表示する

テーブルに自動で行数を表示する

CSSだけでcheckboxのチェック数をカウントする

CSSだけで要素に自動連番