css实现偶数个孩子 |在线animate.css

js css cdn，css font字体调用，js调整div的css，css控制页面的方法，免费的css素材网，vue css中的图片路径，在线animate.css css实现偶数个孩子 |在线animate.css

/* 选择第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个孩子的字体加粗。