CSS選擇所有偶數孩子

:nth-child(2n)選擇器可以用于選擇所有偶數孩子。

如下所示的代碼：

/* 選擇所有偶數孩子的背景色為淡藍色 */
ul li:nth-child(2n) {
background-color: #B0E0E6;
}

這將選擇ul列表中所有偶數li元素，并將它們的背景顏色設置為淡藍色。

這種選擇器也可以與其他選擇器組合使用：

/* 選擇類為even的div元素內所有偶數孩子 */
div.even :nth-child(2n) {
font-weight: bold;
}

這將選擇class為even的div元素內所有偶數子元素，并將它們的字體加粗。

注意，:nth-child(2n)選擇器選擇的是數字為偶數個子元素，而不是具有偶數索引的子元素。

/* 這將不起作用 */
ul li:nth-child(even) {
background-color: #B0E0E6;
}

這將不起作用，因為它選擇的是所有索引任務偶數的子元素，而不是所有數字為偶數的子元素。