在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()選擇器給了我們更大的自由來自定義樣式,你可以在想要的任何地方使用它!