html - 表格背景颜色每两行变化一次

Question

我正在尝试更改表格的颜色背景，但它只更改除以 2 的行。我该如何更改其余部分？

我附上表格的代码和相关的 CSS。

CSS

.table-striped{
  background: #f8fcff !important;
  .label {
    width: 44px;
    height: 16px;
    padding-top: 3px;
}

]

Answer 1

您需要使用第 n 个 child 。

这将允许您编辑要设置样式的行

EXAMPLE

table tr:nth-child(odd)
{
background:red;
}

table tr:nth-child(even)
{
background:blue;
}