在CSS中,我們可以使用偽類選擇器:nth-child(even)
來選擇偶數個孩子。這個選擇器可以接受一個參數表示要選擇哪一組元素。例如,:nth-child(even)
選擇的是所有序號為偶數的子元素。
/* 選擇第1, 3, 5, 7, ...個孩子 */ li:nth-child(even) { background-color: grey; }
上面的代碼會將所有偶數個孩子的背景色變為灰色。
如果要將前n個孩子中的偶數個孩子選中,可以使用:nth-child(2n)
選擇器。
/* 選擇前6個孩子中的偶數個孩子 */ li:nth-child(2n):lt(6) { font-weight: bold; }
上面的代碼會將前6個孩子中的2, 4, 6個孩子的字體加粗。