html - 表头没有收到 CSS(我认为)

Question

我这里有一些简单的 HTML:

<table class="table shipment" id="payItems">
 <thead>
  <tr>
   <th class="sku">Varekode    </th>
       <th class="productName">Produkt</th>
      <th>Pris</th>
   <th>Antall</th>
   <th style="text-align: right; padding-right: 80px;">Sum</th>

  </tr>
 </thead>
 <tbody>
...content...
 </tbody>
</table>

还有这个 CSS:

 table#payItems.table thead th
{
 border: 0;
}

因为它在一个带有圆 Angular 的包装 div 中，并且顶部 th 有一个顶部边框我想去掉，但是 th、tr、thead 的任何组合似乎都没有去掉这个边框。

Answer 1

解决方法:

#payItems thead, #payItems tr { border-top: 0; }

感谢易江的启发。