css - 有没有办法在 tr 级别通过 css 应用背景颜色？

Question

有没有办法在 TR 级别通过 CSS 应用背景颜色？我可以像这样在 TD 级别应用它:

    .my-td{
        background-color: #E8E8E8;
        background:#E8E8E8;
    }

但是，当我尝试像这样在 TR 级别应用背景色时，似乎没有应用背景色:

    .my-tr{
        background-color: #E8E8E8;
        background:#E8E8E8;
    }

是否有 CSS 技巧可以实现此功能，或者 CSS 是否出于某种原因本身不支持此功能？

Answer 1

默认情况下，可以在表格行上应用背景色。

这是一个例子:

.odd {
  background-color: pink;
}

.even {
  background-color: yellow;
}

<table>
  <tr class="odd">
    <td>a1</td>
    <td>a2</td>
  </tr>
  <tr class="even">
    <td>b1</td>
    <td>b2</td>
  </tr>
  <tr class="odd">
    <td>c1</td>
    <td>c2</td>
  </tr>
  <tr class="even">
    <td>d1</td>
    <td>d2</td>
  </tr>  
</table>

如果这对您不起作用，则一定是其他因素干扰了您的颜色，或者您遇到了特定的浏览器问题。