CSS:first-child 和 nth-child 的区别及用法详解

CSS 中的 :first-child 和 :nth-child 是两个常用的伪类选择器，用于选择元素的特定位置或顺序。虽然它们都可以用来选择子元素，但它们在选择的方式和作用上有一些区别。

1. :first-child：
   ``:first-child` 选择器用于选取父元素下的第一个子元素。它是基于元素在父元素中的位置进行选择，而不考虑其他条件。以下是示例代码：

   <style>
     li:first-child {
          
       color: red;