题目
结构伪类选择器中,用于选择父级元素的第一个子元素的是 A. first-childB. last-childC. nth-child(n)D. first-of-type
结构伪类选择器中,用于选择父级元素的第一个子元素的是
- A. first-child
- B. last-child
- C. nth-child(n)
- D. first-of-type
题目解答
答案
A
解析
本题考查CSS结构伪类选择器的识别能力,核心在于理解各选项的适用场景:
:first-child
:匹配父元素的第一个子元素,不考虑元素类型。:first-of-type
:匹配父元素下同类元素的第一个,与是否是第一个子元素无关。:last-child
:匹配最后一个子元素。:nth-child(n)
:通过参数n
匹配指定位置的子元素,但题目未指定参数时无法直接对应。
关键点:题目明确要求选择“第一个子元素”,需区分“子元素顺序”与“元素类型”的优先级。
选项分析
A. first-child
- 功能:直接匹配父元素的第一个子元素,不限制元素类型。
- 示例:若父元素包含
<p>
,<div>
,<span>
,则第一个标签会被选中。
B. last-child
- 功能:匹配最后一个子元素,与题目要求相反。
C. nth-child(n)
- 功能:通过参数
n
指定位置,但题目未提供参数(如nth-child(1)
才等效于first-child
)。
D. first-of-type
- 功能:匹配同类元素的第一个,与子元素顺序无关。例如,若父元素中第一个是
<span>
,第二个是<p>
,则<p>
会被选中,而非第一个<span>
。
结论:只有:first-child
能直接满足“第一个子元素”的条件。