html - 如何在 HTML 中使表中的 <tr> 透明？

Question

我有一个有背景颜色的表格。但我试图使该表中的 TR 保持透明。我尝试使用 background-color:transparent 没有用。我使用了 !important。仍然没有工作。任何人都可以建议我哪里出错了。

下面是我的代码。

<table style="background: #EAE9E6 100%; width:30%;">
  <tr style="background: transparent !important;">
    <td>
    </td>
    <td>
      <b>Yes</b>
      <b>No</b>
      <b>All</b>
    </td>
  </tr>
  <tr>
    <td>
      <input type="radio" checked="checked" name="Frog" value="0" />
      <input type="radio" name="Cat" value="0" />
      <input type="radio" name="Goat" value="0" />

    </td>
  </tr>
</table>

Answer 1

您不能“覆盖”应用于父元素的背景以“切穿”它。

您需要为所有不是第一行的行应用背景。

table tr:not(:first-child) {
  background: red;
}

<table style="width:30%;">
  <tr>
    <td>
      <b>Yes</b>
      <b>No</b>
      <b>All</b>
    </td>
  </tr>
  <tr>
    <td>
      <input type="radio" checked="checked" name="Frog" value="0" />
      <input type="radio" name="Cat" value="0" />
      <input type="radio" name="Goat" value="0" />

    </td>
  </tr>
  <tr>
    <td>
      <input type="radio" checked="checked" name="Frog" value="0" />
      <input type="radio" name="Cat" value="0" />
      <input type="radio" name="Goat" value="0" />

    </td>
  </tr>
</table>