css - CSSのみを使用して、要素のインデックス(子番号)を要素内のテキストとして挿入する方法はありますか?

Question

私の目的は、テキスト ファイルを 1 行ずつ印刷し、先頭に行番号を追加することです。そのようです：

<div id="wrapper">
  <div class="line">1: asdf</div>
  <div class="line">2: asdfasdf</div>
  <div class="line">3: asdfasdfasdfasdf</div>
  <div class="line">4: asdf</div>
</div>

n親内および子セレクター内で要素のインデックスを担当する CSS の変数です。たとえば、それに対して操作を実行できます。nth-child(2n + 3)

この変数を取得してプレーンテキストとして挿入する方法はありますか? 基本的には次のようになります。

.line:before {
  content: n;
}

私が使用しているSASSでこれを達成できることはわかっていますが、バニラCSSでそれを実現する方法があるかどうか疑問に思っていました.