HTML CSS Mysterious Bottom Border

Question

Ich habe einige Tabellen erstellt und viele Iterationen durchlaufen. Irgendwann habe ich diese komische untere Grenze in meiner ersten Reihe (https://jujusupply.com/pages/customer-gift-notes) aufgegriffen und bin mir nicht sicher, woher es kommt oder wie man es los wird? Es ist nur eine sehr einfache HTML-Tabelle.

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

Es ist von hier:

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; 
} 

in der theme.scss.css Datei