css偶数行

作者：巅峰战犯发布日期:2026-06-16 浏览:139

/* 使用 nth-child 选择器来设置表格或列表中的偶数行样式 */
tr:nth-child(even) {
    background-color: #f2f2f2; /* 设置偶数行的背景颜色为浅灰色 */
}

/* 如果是应用于其他元素，比如 div 或 li，也可以使用相同的 nth-child 选择器 */
li:nth-child(even) {
    background-color: #f2f2f2; /* 设置偶数行的背景颜色为浅灰色 */
}

解释说明：

nth-child(even)：这是一个 CSS 伪类选择器，用于选择父元素下的偶数子元素。例如，在表格中，它会选择所有偶数行。
background-color：用于设置元素的背景颜色。在这里，我们将偶数行的背景颜色设置为浅灰色 (#f2f2f2)，以便与奇数行区分开来。

如果你需要应用到其他类型的元素（如 div 或 li），只需要将选择器更改为相应的标签即可。

上一篇：css中display属性有哪些值

下一篇：css换行符