コンテンツを持たない要素に "：AFTER"コンテンツを追加する方法

Question

私は<span>要素をHTMLに持っていて、それを識別することができます。それも空です。空の<span>をいくつかのコンテンツに置き換えたいと思っています。私はCSSを使用することを考えていました:afterしかし、それは空の要素の問題であるようです。

私には何かがありませんか、これにアプローチする別の方法がありますか？私はHTMLを変更することができないので、CSS（推奨）またはjQueryのいずれかです。私はjQueryでこれを行う方法を知っていますが、CSSでやりたいと考えていました。

Answer 1

あなたにもこのような使用行うことができます。

:empty::after { 
    content: "Your content"; 
} 

Answer 2

次のCSSを使用します::

span.classname::after{ 
content: "The content you want to add"; 
display: block; 
} 

Answer 3

OKを、もう一度コードを見た後、私は、元の開発者ことに気づきました私が正しく綴っていたスタイル名を誤解していたため、選択されていませんでした。はい、空のコンテンツでうまく動作します。