📜  css select all except first - CSS (1)

📅  最后修改于: 2023-12-03 14:40:17.575000             🧑  作者: Mango

CSS选择器示例:选择除第一个之外的所有元素

有时候,我们需要选择除第一个元素之外的所有元素进行样式定义。下面是一些使用CSS选择器选择除第一个元素之外的所有元素的示例:

:not(:first-child)

使用 :not(:first-child) 选择器可以选择除第一个元素之外的所有子元素。

/* 选择除第一个 li 元素之外的所有元素 */
li:not(:first-child) {
  color: red;
}
:not(:first-of-type)

如果你的元素不是第一个具有相同类型的元素,那么可以使用 :not(:first-of-type) 选择器。

/* 选择除第一个 p 元素之外的所有元素 */
p:not(:first-of-type) {
  color: red;
}
:nth-child(n+2)

使用 :nth-child(n+2) 选择器也可以选择除第一个元素之外的所有元素。

/* 选择除第一个 div 元素之外的所有元素 */
div:nth-child(n+2) {
  color: red;
}
:nth-of-type(n+2)

类似地,使用 :nth-of-type(n+2) 选择器也可以选择除第一个具有相同类型的元素之外的所有元素。

/* 选择除第一个 span 元素之外的所有元素 */
span:nth-of-type(n+2) {
  color: red;
}

以上是一些选择除第一个元素之外的所有元素的示例。根据你的具体情况,你可以选择其中的一个或使用多个选择器的组合来实现你的目标。