CSS ul li:nth-child的经典例子
下面我将用几个典型的实例来给大家讲解:nth-child的实际用途:
Tips:还用低版本的IE浏览器的哥们请绕过!
1、取ul li 第一条 ul li:first-child 和 最后一条 ul li:last-child
2、指定取某条,ul li:nth-child(n),改变n的数字
3、ul li:nth-child(n+3) 从大于等于3开始取值
4、ul li:nth-child(n+3) 从小于等于3开始取值
5、:nth-child(2n)选取偶数标签,2n也可以是even
6、:nth-child(2n-1)选取奇数标签,2n-1可以是odd
7、:nth-child(3n+1)自定义选取标签,3n+1表示“隔二取一”
8、:nth-last-child(2) 取倒数第二个