fist-child
时间: 2023-08-23 10:13:46 浏览: 47
:first-child是CSS中的一个伪类选择器,用于选择某个元素的父元素下的第一个子元素。\[1\]在给定的代码中,当将:first-child应用于p标签时,它会选择div元素下的第一个p标签,并将其背景颜色设置为steelblue。\[1\]然而,当将:first-child应用于h2标签时,它无法选择到h2标签,因为h2标签不是div元素下的第一个子元素。\[1\]
另外,还有一个相关的选择器:last-child,它选择某个元素的父元素下的最后一个子元素。\[3\]在给定的代码中,当将:last-child应用于p标签时,它无法选择到最后一个p标签,因为最后一个p标签不是div元素下的最后一个子元素。\[3\]然而,当将:last-child应用于h2标签时,它可以选择到最后一个h2标签,并将其背景颜色设置为steelblue。\[3\]
总结起来,:first-child选择父元素下的第一个子元素,而:last-child选择父元素下的最后一个子元素。\[1\]\[3\]
#### 引用[.reference_title]
- *1* *3* [CSS3高级选择器解释及案例](https://blog.csdn.net/weixin_49349476/article/details/126695406)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [CSS选择器典型应用](https://blog.csdn.net/qq_41568313/article/details/112847496)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]