CSS中如何为特定的列表项（＜li＞）添加样式

在CSS中，可以使用伪类（pseudo-class）选择器来为特定的列表项（

• 元素）添加样式。伪类选择器允许我们根据元素在列表中的位置来选择并应用样式。下面我将详细介绍几种常用的方法。

• 1. 使用:nth-child()选择器：
     :nth-child()选择器允许我们根据元素在其父元素中的位置选择特定的子元素。通过指定一个整数作为参数，我们可以选择列表中的第几个元素并为其添加样式。

  下面是一个示例代码，演示如何为第三个列表项添加样式：

  li:nth-child(3) {
       
    /* 在这里添加样式 */
  }
  

  2. 使用:nth-of-type()选择器：
     :nth-of-type()选择器与:nth-child()选择器类似，但是它只考虑相同类型的兄弟元素。这意味着它只会选择与给定类型匹配的元素。

  下面是一个示例代码，演示如何选择具有特定类别的第二个列表项并为其添加样式：