scss如何使用nth-child

在使用SCSS中，可以使用:nth-child伪类选择器来选择父元素下的特定子元素。这个选择器接受一个参数，表示要选择的子元素的位置。

下面是一个示例，演示如何在SCSS中使用:nth-child选择器：

ul {
  li {
    &:nth-child(odd) {
      background-color: lightgray;
    }
    
    &:nth-child(even) {
      background-color: white;
    }
  }
}

上述代码中，我们选中了ul元素下的所有li子元素，并使用:nth-child选择器来对奇数和偶数位置的子元素进行不同的样式设置。

如果你想选择具体的位置，可以将参数替换为具体的数字，如:nth-child(3)表示选择第三个子元素。

希望这个示例能帮助到你理解如何在SCSS中使用:nth-child伪类选择器。如果有任何问题，请随时提问！