助け合いフォーラム
HTML5プロフェッショナル認定資格 レベル1(v2.5)
問題ID : 30976
問題を開く
次のソースコードのp要素にのみCSSを適用したい。この場合のセレクタとして誤っているものはどれか。(2つ選択)
<div>
<p>今日の天気</p>
<span>くもりのち晴れです。</span>
</div>
この問題はプレミアムコンテンツです。
疑似クラスについて
p
pgg5000
投稿日 2023/03/18
正答が
p:last-child
p:only-child
とありますが
p:only-of-type
p:first-of-type
ではないでしょうか
確認のほど、よろしくお願いします。
s
sakikdmt
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
コメント
この投稿に対して返信しませんか?