使用nth-child实现

使用:nth-child()伪类选择器可以实现对某个元素的选择，其中括号内的参数可以是an+b的形式，也可以是n的形式。其中a和b是整数，n表示元素在父元素中的位置。下面是一些使用:nth-child()实现的例子：
1. 选择第一个元素并添加样式：
:nth-child(1) {
color: red;
}
2. 选择偶数位置的元素并添加样式：
:nth-child(even) {
background-color: gray;
}
3. 选择奇数位置的元素并添加样式：
:nth-child(odd) {
background-color: lightgray;
}
4. 选择第3个元素及其后面的所有元素并添加样式：
:nth-child(n+3) {
font-weight: bold;
}
5. 选择第2个到第4个元素并添加样式：
:nth-child(n+2):nth-child(-n+4) {
text-decoration: underline;
}
这些例子只是使用:nth-child()伪类选择器的冰山一角，你可以根据自己的需求进行更多的实践和尝试。