2010-09-03 46 views
0

我有一些簡單的HTML瀏覽:表頭不接受CSS(我認爲)

<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的任何組合似乎都沒有擺脫這個邊框。

+3

CSS選擇器'table#payItems.table'大量冗餘 - '#payItems'應該很好 – 2010-09-03 10:07:21

+0

我幾乎回答了這個問題,突然間,我發現自己已經做出了答案。你應該真的從你的問題中提出答案,並將其添加爲你自己問題的答案,然後將其標記爲接受的答案。這樣,其他人就會更容易閱讀,併爲其他有類似問題的人提供一個很好的解決方案。 – awe 2010-09-03 11:21:23

+0

Egentlig var jeg skalgjøredet senere,fikk bust med arbeidet :)男士jeg skalnå,takk :) – Kyle 2010-09-03 11:33:11

回答

0

解決了:

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

感謝姜毅的靈感。