在CSS中,有许多种选择器可以选择HTML元素。而在这些选择器中,eq()选择器可以让我们更加灵活地选择我们需要样式化的元素。
.eq(n)
这里的 n 表示一个整数,它指定了元素在这个选择器匹配的一组元素中的索引位置,从零开始计数。如果 n 是负数,则它表示从末尾开始计数。
使用方法非常简单,例如:
ul li:eq(2){ color:red; }
这意味着对于一个ul元素下的所有li元素,选择索引位置是2的元素并将其颜色改为红色。
赋予了我们将样式应用于子元素的能力,如在一个表格中选择一行:
tr.row{ background-color:yellow; } tr.row:eq(0){ background-color:red; }
这样做将表格的第一行颜色改为红色。这只是我们可以使用的无限可能之一。eq()选择器给了我们更大的自由来自定义样式,你可以在想要的任何地方使用它!