助け合いフォーラム

HTML5プロフェッショナル認定試験

HTML5プロフェッショナル認定資格 レベル1(v2.5)
問題ID : 30986
問題を開く
次の下線部の空欄にテキストを挿入できる疑似要素はどれか。 <p> __________ p要素です。</p>

この問題はプレミアムコンテンツです。

上に戻る

何故、beforeになるのか

投稿日 2024/11/20

解説を見る限り、::beforeでなくとも::afterでも良いと思うのですが::beforeである理由を知りたいです。
初心者であるため詳しいことがわからず、どなたか教えていただきたいです。

2024/11/21 12:37

::beforeは要素内容の直前に、::afterは要素内容の直後に挿入されるのでこんな感じになります。

::beforeで挿入される位置
 ↓
<p>要素内容</p>
     ↑
    ::afterで挿入される位置

問題ID : 30986の場合は「p要素です。」という要素内容の直前に挿入したがっているので::beforeが正解となります。


コメント

この返信に対して
コメントを記入できます

この投稿に対して返信しませんか?