スパンタグの代わりにCSS擬似要素「before」と「after」を使用する理由を教えてください。

Question

私はそれについて研究しましたが、私が知る限り、CSSの擬似要素:: beforeと:: afterは親要素にネストされたspanタグのように振る舞います。

一方、私はそれらが非常に有用であり、場合によっては不可欠であるかもしれないと読んだ。それが真実であれば、親要素にネストされたspanタグだけでなく、いくつかの追加的または異なる動作が必要です。

スパンタグでそれらを使用するメリットはありますか。

Answer 1

::beforeおよび::afterセレクタの最も一般的な使用方法は、HTML自体を変更することなく、CSSを使用して要素にコンテンツを追加することです。これは、HTMLを変更できない状況や意味的な理由から必要となる可能性があります。