代码之家  ›  专栏  ›  技术社区  ›  Kyle

表格标题没有收到CSS(我想)

  •  0
  • Kyle  · 技术社区  · 14 年前

    我这里有一些简单的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;
    }
    

    因为它在一个圆角的包装div中,顶部th有一个我想去掉的上边框,但是th,tr,thead的任何组合似乎都不能去掉这个边框。

    1 回复  |  直到 7 年前
        1
  •  0
  •   Kyle    14 年前

    解决方法:

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