擬似要素の使いどころがわかりません

HTMLとCSSでは役割が異なる点を理解しておきましょう。
2020年9月12日
ユーザー

<section>
<h1>事業内容 <span>- Services -</span></h1>
<p>いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。</p>
</section>

冒頭でよく使われると言っておりますが、どのような場面で使うのでしょうか。
質問一覧にもあるように、上記のように書いてしまえば早いですし楽な気がします。

HTMLをシンプルにするためと言うことでも、結局以下のように打ち込んでおります。

<section>
<h1 data-subtitle="- Services -">事業内容</h1>
<p>いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。いろいろです。</p>
</section>

擬似要素を使用するメリットがいまいちわかりません。教えてください。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(9)