div:first-child
时间: 2023-10-30 09:05:24 浏览: 42
这是 CSS 中的伪类选择器,表示选择某个元素的第一个子元素。例如,如果有一个 div 元素,它有多个子元素,那么 div:first-child 就会选择这个 div 的第一个子元素。如果第一个子元素是一个 p 元素,那么 div:first-child 就会选择这个 p 元素。如果第一个子元素不是 p 元素,那么 div:first-child 就不会匹配任何元素。
相关问题
/deep/ .el-drawer__body div:first-child { padding: 10px 20px !important; } 只改变当前类下的第一个div并且不改变内部div怎么做
如果你想在 `.el-drawer__body` 类下只改变第一个 div 元素的样式,而不影响内部的 div 元素,可以使用以下选择器:
```
.el-drawer__body > div:first-child {
padding: 10px 20px !important;
}
```
这个选择器中的 `>` 符号表示只选中 `.el-drawer__body` 的直接子元素中的第一个 div 元素,而不包括子元素中的其他 div 元素。这样就可以只改变当前类下的第一个 div 元素,并且不改变内部的 div 元素了。
.rule-list>div:not(:first-child)这是什么选择器
这是一个 CSS 选择器,表示选择所有 `.rule-list` 元素下的 `div` 子元素,但排除第一个子元素。其中 `>` 表示选择直接子元素,`:not()` 表示排除符合括号内条件的元素,`first-child` 表示第一个子元素。因此,`.rule-list>div:not(:first-child)` 可以用来选择 `.rule-list` 元素下除第一个子元素以外的所有 `div` 子元素。