HTML CSS 神秘底部边框

Question

我正在构建一些表并经历了很多迭代。在某些时候，我在第一行 (https://jujusupply.com/pages/customer-gift-notes) 上发现了这个奇怪的底部边框，但我不确定它来自哪里或如何摆脱它？这只是一个非常简单的 HTML 表格。

table {
    width: 100%;
}
td {
    text-align: center;
    font-size: em(14px);
    font-style: italic;
    padding: 12px;
    background-color: #eeeeee;
    border: 8px solid white;
    height: 200px;
}
td:hover {
    background-color: #ffde17;
}

    <div style="overflow-x: auto;">
<table>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </tbody>
</table>
</div>

Answer 1

来自这里：

media="all"
tr:first-child th:after, tr:first-child td:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: -15px;
    right: 15px;
    border-bottom: 1px solid #1c1d1d;
}

在theme.scss.css 文件中