隔行变色不生效
时间: 2023-06-21 15:06:55 浏览: 90
可能是因为你的CSS代码没有正确设置。你需要为要进行隔行变色的表格行设置不同的CSS类,然后使用CSS选择器来设置奇数行和偶数行的样式。例如:
```css
.table-striped tr:nth-child(even) {
background-color: #f2f2f2;
}
.table-striped tr:nth-child(odd) {
background-color: #fff;
}
```
其中,`.table-striped` 是表格的CSS类,`tr:nth-child(even)` 和 `tr:nth-child(odd)` 分别选择表格中的偶数行和奇数行,然后设置它们的背景颜色。另外,`nth-child` 选择器可以用来选择表格中的任何行,包括特定的行数或者某个范围内的行数。
阅读全文