:not(:first-child)消除第一个元素
时间: 2023-07-16 20:14:02 浏览: 73
:not(:first-child) 是 CSS 伪类选择器,用于选择非第一个子元素。例如,如果你想给某个列表中的所有 li 元素设置样式,但不想给第一个 li 元素设置样式,你可以使用 :not(:first-child) 选择器来实现:
```
ul li:not(:first-child) {
/* 设置样式 */
}
```
上述代码将选择 ul 元素中的所有 li 元素,除了第一个 li 元素,然后设置样式。
相关问题
.rule-list>div:not(:first-child)这是什么选择器
这是一个 CSS 选择器,表示选择所有 `.rule-list` 元素下的 `div` 子元素,但排除第一个子元素。其中 `>` 表示选择直接子元素,`:not()` 表示排除符合括号内条件的元素,`first-child` 表示第一个子元素。因此,`.rule-list>div:not(:first-child)` 可以用来选择 `.rule-list` 元素下除第一个子元素以外的所有 `div` 子元素。
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 ]