[分享]css中eq选择器的用法

CSS中的eq选择器是一种非常实用的选择器，可以用来选择一个元素集合中的指定位置的元素。

selector:nth-child(n)
selector:nth-last-child(n)
selector:nth-of-type(n)
selector:nth-last-of-type(n) 

其中selector表示要选择的元素集合，n表示要选择的元素的位置，可以是数字、关键词even或odd。这几种eq选择器的作用分别是：

• nth-child: 选择父元素下的第n个子元素。
• nth-last-child: 选择父元素下的倒数第n个子元素。
• nth-of-type: 选择父元素下指定类型的第n个子元素。
• nth-last-of-type: 选择父元素下指定类型的倒数第n个子元素。

使用eq选择器，我们可以轻松实现一些需要选中指定位置元素的效果，例如：

/* 选中父元素的第三个子元素 */
.parent :nth-child(3) {}
/* 选中父元素下的倒数第二个子元素 */
.parent :nth-last-child(2) {}
/* 选中父元素下的第偶数个div元素 */
.parent div:nth-of-type(even) {}
/* 选中父元素下的倒数第三个span元素 */
.parent span:nth-last-of-type(3) {} 

需要注意的是，eq选择器选择的是匹配集合中的元素，而不是筛选集合中的元素，因此如果集合中不足n个元素，eq选择器将不会匹配任何元素。