/* 选择第n个,n位数字 */:nth-child(n)
选择列表中的偶数标签:nth-child(2n)
选择列表中的奇数标签:nth-child(2n-1)
选择前几个元素
/*【负方向范围】选择第1个到第6个 */:nth-child(-n+6){}
从第几个开始选择
/*【正方向范围】选择从第6个开始的,直到最后 */:nth-child(n+6){}
两者结合使用,可以限制选择某一个范围
/*【限制范围】选择第6个到第9个,取两者的交集【感谢小伙伴的纠正——】 */:nth-child(-n+9):nth-child(n+6){}
选择列表中的倒数第n个标签 n为数字 :nth-last-child(n)
例子:需要设置前3个元素的margin-top值与其他的不同。
div:nth-child(-n+3){margin-top: 12px;}
选的第一个和最后一个
first-child表示选择列表中的第一个标签
例: li:first-child{background:#fff}
last-child表示选择列表中的最后一个标签
例: li:last-child{background:#fff}
http://www.jingyanzhinan.cn/article-147471-1.html以上内容就是关于【CSS3 - :nth-child()选择前几个元素 】的指南经验分享;您也可以通过下方的评论互动,发表您的意见和观点,让更多人通过生活指南经验分享因之受益,让生活变得更简单。