助け合いフォーラム

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

HTML5プロフェッショナル認定資格 レベル1(v2.5)
問題ID : 30976
問題を開く
次のソースコードのp要素にのみCSSを適用したい。この場合のセレクタとして誤っているものはどれか。(2つ選択) <div>  <p>今日の天気</p>  <span>くもりのち晴れです。</span> </div>

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

上に戻る

疑似クラスについて

投稿日 2023/03/18

正答が

p:last-child
p:only-child

とありますが

p:only-of-type
p:first-of-type

ではないでしょうか
確認のほど、よろしくお願いします。

2023/03/25 21:29

勉強中の者です。
「この場合のセレクタとして誤っているものはどれか。」と問われているので正答に誤りは無い気がします。

下記サイトに“ :only-child は CSS の擬似クラスで、兄弟要素がない要素を表します。”と記述しており、
今回の問いおいて、div内の子要素はpとspanの2要素が存在しており、pだけではないためCSSは適用されない=誤り
:only-child - CSS: カスケーディングスタイルシート | MDN

同様に”:last-childはCSSの擬似クラスで、兄弟要素のグループの中で最後の要素を表します。”と記述しており、
pと兄弟関係のある要素が最後に存在していた場合、pに擬似要素は適用されない=誤り
:last-child - CSS: カスケーディングスタイルシート | MDN


コメント

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

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