css3选择器从第几个开始（css3选择器从第几个开始选择）

CSS3选择器是CSS3中新增功能之一，它能够非常方便地定位目标元素。CSS3选择器有很多种，其中一个非常常用而且非常实用的是nth-child()选择器。

nth-child()选择器可以根据目标元素在其父元素中的位置进行选择，比如选取第一、第二、第三个元素等等。但是这个选择器有一个特殊的用法：从第几个开始。

nth-child(n+3)就是从第3个元素开始选择，如果你的目标元素是第1或第2个，那么它将不会被选中，只有第3个及其后面的元素才会被选中。可以这样写：

ul li:nth-child(n+3) {
    color: red;
}
    

这段代码会让ul> 下的第3个及其后面的所有子元素变成红色字体。

注意：nth-child()选择器中的n是自然数，从1开始。

如果想选取第3个或者第5个等等，可以这样写：

ul li:nth-child(3n) {
    color: red;
}
    

这段代码会让ul> 下的第3个、第6个、第9个等等的子元素变成红色字体。

当然，如果想从第3个开始但如果你只想选取其中的奇数项或者偶数项，也可以这样写：

ul li:nth-child(odd) {
    color: blue;
}
ul li:nth-child(even) {
    color: green;
}
    

这段代码会让ul> 下的奇数项子元素变成蓝色字体，偶数项子元素变成绿色字体。

总之，nth-child()选择器一定要掌握，它可以非常方便地帮你选择目标元素。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！