语法: selector:eq(index)
其中selector表示选择器,index表示元素的位置,从0开始计数。
例如:
ul >li:eq(0) { color: red; }
上述代码将选中一个ul元素下的第一个li元素并将其文字颜色设置为红色。
eq选择器也可与其他选择器组合使用,如:
ul >li:nth-child(odd):eq(0) { font-weight: bold; }
上述代码将选中一个ul元素下的第一个奇数位置的li元素并将其文字加粗。
需要注意的是,当该位置不存在元素时,eq选择器无法选择任何元素,此时样式不会被应用。
同时,eq选择器只能选中一个元素,如果需要同时选中多个元素,可以使用其他选择器或结合多个eq选择器。
总之,从CSS3开始,eq选择器为开发者提供了一种新的选取元素的方式,能够帮助开发者更好地实现各种特殊的样式效果。