css3基数选择器 |只用css实现图片响应式轮播

1）nth-child
nth-child()函数可以选择指定索引的元素，它的语法如下：
:nth-child(index) {}
例如，想要选择列表中的奇数项，可以写为：
li:nth-child(odd) {}
2）nth-last-child
与nth-child功能类似，但是是从最后一个元素开始匹配。例如，想要选择最后一个列表项，可以写为：
li:nth-last-child(1) {}
3）nth-of-type
和nth-child相比，nth-of-type可以选择指定标签类型的元素。例如，想要选择页面中第一个段落（p）标签，可以写为：
p:nth-of-type(1) {}
4）nth-last-of-type
与nth-of-type类似，但是是从最后一个元素开始匹配。例如，想要选择页面中最后一个段落（p）标签，可以写为：
p:nth-last-of-type(1) {}
5）:first-child
该伪类可以选择第一个子元素，例如想要选择列表中的第一个元素，可以写为：
li:first-child {}
6）:last-child
该伪类可以选择最后一个子元素，例如想要选择列表中的最后一个元素，可以写为：
li:last-child {}

最后，在使用基数选择器时需要注意的是兼容性，不同的浏览器可能有不同的支持情况。如果要兼容多个浏览器，建议使用JavaScript或其他框架封装兼容性处理。