1. CSS规则添加到第一个li元素的方法
在CSS中，用:first-child选择器选择第一个li元素，如下所示：
li:first-child {
/* CSS规则 */
}
1.1:first-child选择器的作用
在CSS中，:first-child选择器用于选择某元素的第一个子元素。例如，如果你想让一个ol元素的第一个li元素有一个特殊的样式，你可以使用:first-child选择器来实现。
1.2使用:not选择器
如果您希望选择除第一个元素之外的所有元素，您可以使用:not选择器。
li:not(:first-child) {
/* CSS规则 */
}
在这个示例中，我们使用:not（:first-child）选择器选择所有不是第一个子元素的元素。由于我们已经选择了所有的元素，我们就可以添加任何我们想要的CSS规则。
1.3不使用:not选择器
如果您不想使用:not选择器，您可以使用:nth-child选择器来选择——或者不选择——特定的元素。这里有一些示例：
li:nth-child(3) {
/* CSS规则 */
}
li:nth-child(odd) {
/* CSS规则 */
}
li:nth-child(even) {
/* CSS规则 */
}
在这个示例中，我们使用:nth-child选择器选择第三个元素，并将一个规则应用于它。我们还使用:nth-child选择器选择所有奇数和偶数元素，并对它们应用各自的规则。
2. 使用:not(first-child)注意事项
当您使用:not（：first-child）选择器时，需要注意一些事项：
您必须为:not和括号之间的空格留出空间。
:not选择器必须将选择器告诉CSS要排除什么。
如果您需要其他示例，可以使用此链接找到:not选择器的所有选项。
3. 示例代码
以下示例演示了如何选择除第一个元素之外的所有元素，并将它们的颜色设置为红色：
li:not(:first-child) {
color: red;
}
在这里，我们使用了:not选择器来告诉CSS要选择除第一个子元素之外的所有元素，并将它们的颜色设置为红色。
4. 总结
在这篇文章中，我们介绍了如何将CSS规则应用到第一个元素上。我们还讨论了如何使用选择器选择除第一个子元素之外的所有元素。
无论你选择哪种方法来设置CSS规则，都可以根据自己的需要对元素进行设置，以使网页的外观更加专业和现代。