html - 我想使用类覆盖我的 tr 边框

Question

这是我的代码，我想通过我的类覆盖特定的 css 属性，我想覆盖 border-bottom: 1px solid #e7b2b2; 到 border:none; 到我的特定类投标人，剩余的表我需要这个边框底部。你能帮我解决这个问题吗？我试过了，但没有用

.bidder tr {
  border: none !important;
}

table tr,
table th,
table td {
  border: none;
  border-bottom: 1px solid #e7b2b2;
  font-family: 'Lato', sans-serif;
  font-size: .875rem;
}

<table id="content" width="100%" bgcolor="ffffff" border="0" cellpadding="0" align="center" cellspacing="0" class="bidder">
  <tbody>
    <tr>
      <td width="50">
        <img src="http://icons.veryicon.com/png/System/Super%20Mono%203D/auction%20hammer.png" width="40">
      </td>
      <td>
        <span style="font-size:11px; color:#000000; font-weight:bold;"> Product Name </span> <br>
        <span style="font-size:14px;  color:#3573a4;"> Testing Scraps redodfi jdfsfjksfjk hkdfs </span>
      </td>
      <td width="100" align="right">
        <img src="https://www.allbids.com.au/img/logo_xs.png" width="40"> &nbsp; <img src="http://marketplace.trainzauctions.com/themes/default/img/autobid.png" width="40">
      </td>
    </tr>
  </tbody>
</table>

Answer 1

您需要在选择器列表中添加.bidder th, .bidder td。

.bidder tr,
.bidder th,
.bidder td{
  border: none !important;
}

table tr,
table th,
table td {
  border: none;
  border-bottom: 1px solid #e7b2b2;
  font-family: 'Lato', sans-serif;
  font-size: .875rem;
}

<table id="content" width="100%" bgcolor="ffffff" border="0" cellpadding="0" align="center" cellspacing="0" class="bidder">
  <tbody>
    <tr>
      <td width="50">
        <img src="http://icons.veryicon.com/png/System/Super%20Mono%203D/auction%20hammer.png" width="40">
      </td>
      <td>
        <span style="font-size:11px; color:#000000; font-weight:bold;"> Product Name </span> <br>
        <span style="font-size:14px;  color:#3573a4;"> Testing Scraps redodfi jdfsfjksfjk hkdfs </span>
      </td>
      <td width="100" align="right">
        <img src="https://www.allbids.com.au/img/logo_xs.png" width="40"> &nbsp; <img src="http://marketplace.trainzauctions.com/themes/default/img/autobid.png" width="40">
      </td>
    </tr>
  </tbody>
</table>