无法删除表中的边框

Question

请帮助，我无法弄清楚如何摆脱这个边界下划线。在Chrome的Inspect中找不到它。我已经尝试过在论坛上找到的所有东西，但到目前为止还没有运气。

我无法使用小提琴重现它，但here's现场

HTML

<table class="table table-1" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <th class="table-header cell-left">Actives</th>
    <th class="table-header cell-right">Percentage (%)</th>
  </tr>
  <tr>
    <td class="table-data cell-left">Caster Oil</td>
    <td class="table-data cell-right">25</td>
  </tr>
  <tr>
    <td class="table-data cell-left">Peppermint Oil</td>
    <td class="table-data cell-right">0.5</td>
  </tr>
  <tr>
    <td class="table-data cell-left">Cinnamon Oil</td>
    <td class="table-data cell-right">0.25</td>
  </tr>
</table>

CSS

.table {
  color: $Blue;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: white;
}
th {
  font-family: 'PPsans', Fallback, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
}
td {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  text-transform: capitalize;
  padding: 5px 0;
}
.cell-right {text-align:right;}
.cell-left {text-align: left;}

Answer 1

tr:first-child th:after, tr:first-child td:after border-bottom: 1px solid #1c1d1d;创建了该边框。

您可以使用以下方式覆盖此内容：

tr:first-child th:after, tr:first-child td:after {
    border: none;
}

确保在上一段代码之后（或编辑原始css文件）。

Answer 2

tr:first-child th:after, tr:first-child td:after{
border-bottom: none !important; 
}

如果您有自定义css文件，请使用！important