css selector nth-child() 选择前3个元素
css selector nth-child() 选择前3个元素
CSS3 新增的 nth-child() 选择器，是一个非常强大的选择器。
使用语法：
E:nth-child(n) { sRules }
n 是一个变化的因子，利益他可以实现一些复杂的功能。
选中前两个 dom 元素：
li:nth-child(-n + 2) {
color: red;
}
选中前3个元素：
li:nth-child(-n + 3) {
color: red;
}
选择第4个元素：
li:nth-child(4) {
color: red;
}
同理，选择第n个元素都是非常简单的事情。
选择倒数第2个元素：
li:nth-last-child(2){ color: green; }
选择奇数、偶数对应的dom元素：
li:nth-child(odd){ color: green; }
li:nth-child(even){ color: green; }
nth-child 选择器能做非常复杂的选择。