css - 複数の疑似要素

Question

このように1つのオブジェクトで複数の疑似要素を取得することは可能ですか？

div { content: 'A' }
div::before { content: 'B'; }
div::before(2) { content: 'C'; }
div::before(3) { content: 'D'; }

試しましたが、うまくいきません。

Answer 1

その構文は、古い生成コンテンツレベル3モジュールからのものです。このモジュールのどの部分も実装していないため、機能しません。実際、仕様自体は、関心と実装が不足しているために何年もの間放棄されており、優先度の低い書き換えが保留されています。

誰もそれを実装する気がないので、この機能が書き換えを生き残るかどうかさえわかりません。そして、率直に言って、私は息を止めていません...

ここでの唯一の解決策は、疑似要素の代わりに追加のマークアップを使用するか、スクリプトを使用してそのコンテンツを生成する他の方法を見つけることです。