[分享]css不选择第一个

CSS 是一个广泛使用的样式表语言，它用于网页的排版和设计。在 CSS 中，有一些非常有用的选择器可以使得我们更好的控制样式。例如，我们可以通过 :firstchild 选择器来选择某个元素的第一个子...

CSS 是一个广泛使用的样式表语言，它用于网页的排版和设计。在 CSS 中，有一些非常有用的选择器可以使得我们更好的控制样式。例如，我们可以通过 :first-child 选择器来选择某个元素的第一个子元素。

然而，有时候我们希望不选择第一个子元素，而是选择其余的子元素。这时，我们可以使用 CSS 的常用选择器之一——:not()。

样式选择器:not() 

在 :not() 选择器中，我们可以指定一个 CSS 选择器作为参数，表示要排除哪些元素。例如，如果我们想选择除了第一个子元素之外的所有子元素，我们可以这样写：

div:not(:first-child) {
    color: red;
} 

在上面的代码中，我们使用了 div:not(:first-child) 选择器，表示选择所有的 div 元素，但是除了第一个子元素之外。这样，我们就可以将颜色设置为红色，只在除了第一个子元素之外的元素上生效。

这个选择器同样适用于其他的元素和属性。例如：

p:not(.first) {
    font-size: 16px;
} 

以上代码中的 p:not(.first) 表示选择除了类名为 .first 的 p 元素之外的所有 p 元素，并将字体大小设置为 16px。

总而言之，使用 :not() 选择器是一个非常方便的方法，可以帮助我们更好地控制页面的样式。