テーブル内のボーダーを削除できない

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

あなたはborder-bottom: 1px solid #1c1d1d;とtr:first-child th:after, tr:first-child td:afterを持っていますどのcreatそれは国境です。

あなたは使ってこれを上書きすることができます。

​​

これは後に、以前のコードを行くことを確認してください（または、元のCSSファイルを編集します）。

Answer 2

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

カスタムCSSファイルを持っている場合は、次に使用！