欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css實現偶數個孩子

林雅南1年前11瀏覽0評論

在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個孩子的字體加粗。