题目
结构伪类选择器中,用于选择父级元素的第一个子元素的是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. first-child
解析
本题考查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能直接满足“第一个子元素”的条件。