[分享]css3数组选择器

CSS3的数组选择器是CSS3中新增的一种选择器，它能根据数组的方式来选取指定位置的元素，非常方便。/ 选取第一个元素 / li:firstchild { color: red; } / 选取第二个元...

CSS3的数组选择器是CSS3中新增的一种选择器，它能根据数组的方式来选取指定位置的元素，非常方便。

/* 选取第一个元素 */
li:first-child {
  color: red;
}

/* 选取第二个元素 */
li:nth-child(2) {
  color: blue;
}

/* 选取偶数元素 */
li:nth-child(even) {
  color: green;
}

/* 选取前三个元素 */
li:nth-child(-n+3) {
  font-weight: bold;
} 

上面的代码演示了数组选择器的几种用法，其中:nth-child(数字)是选取第几个元素，也可以用关键字来代替，如:first-child, :last-child等。

同时，还可以用一些特殊的符号和关键字来选取一定范围的元素，如-表示从后往前，+表示从前往后，n表示任意整数。

由于数组选择器的强大功能和方便使用，它已经成为了CSS3中必不可少的一部分，值得我们进一步学习和研究。