first-child用法

:first-child是CSS中的伪类选择器，用于选择父元素的第一个子元素。在样式表中，可以使用:first-child来对选中的元素应用样式。例如，p:first-child表示选择父元素下的第一个p子元素，并对其应用样式。然而，需要注意的是，如果在选择器中加入了空格，如p :first-child，那么选择器将会匹配父元素下的所有后代元素的第一个子元素，而不仅仅是直接子元素。在jQuery中，也有一个:first-child选择器，用于选择父元素的第一个子元素。它的用法与CSS中的:first-child相似，可以用于查找并操作HTML文档中的元素。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [CSS选择器nth-child()、first-child()、last-child()、not()](https://blog.csdn.net/m0_46318298/article/details/128407978)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [CSS3的first-child和last-child选择器用法总结（很容易犯才错误，有几个坑！）](https://blog.csdn.net/weixin_43343144/article/details/88787613)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [jQuery中:first-child选择器用法实例](https://download.csdn.net/download/weixin_38680308/13038385)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]