css3nth-child选择器

css3nth-child选择器css3nth-child选择器，乍一看很简单，其实做起来没那么容易。简单用法p:nth-child(n)//选择每个

元素是其父元素的第n个子元素p:nth-child(2n)//选择每个

元素是其父元素的子元素Even

elementp:nth-child(2n+1)//选择属于其父元素的子元素的每个奇数

元素注意事项上面的用法可能大家都知道，但是有一点是不清楚如果不是，使用起来可能会造成混淆。那么n是什么？n是一个从0开始的正整数，代表一个序列，0,1,2……这样。但是：nth-??child(n+m)中的n+m是从1开始计算的，也就是说子元素的起始计算数是1，没有0这个元素。第一个元素是1，不是0。这与程序中的数组起始编号和jQuery选择器不同。这很容易理解。当我们要选择哪些元素时，只需要将参数根据n的增量计算出的值，与子元素在父元素中的位置顺序进行匹配即可。比如找第一个元素：nth-??child(1)找大于等于10的元素的序列：nth-??child(n+10)css3中还有一些子元素选择器是这样的：first-child//第一个元素：last-child//最后一个元素：nth-last-child//从最后一个子元素开始算起，n还是从0开始，但是最后一个子元素是1，相互辅助很有用相反