表格邊框半徑 - 全球css（thead或tbody選擇器）

我重寫了一個大網站的CSS。內容很多，內容經常有所不同。表格邊框半徑 - 全球css（thead或tbody選擇器）

我不知何故卡在CSS表。

我的新表格應該有圓形的邊框。謝天謝地，我只能使用CSS（它可以優雅地降級到IE7），所以我只會使用CSS。

現場表格不同。一些有表頭，有些沒有。

衆所周知，邊界半徑不適用於桌子本身。它必須是表格單元格參數。

是否有可能編寫CSS，因此瀏覽器會識別該表是否具有thead（然後爲「table thead tr：first-child th：first-child」設置邊界半徑），如果不是border-radius將被設置爲「table tbody tr：first-child td：first-child」）？

快速簡單的拍攝我試過了不行 - 「tr表：第一胎td：第一胎」 - 正如我應該假設的那樣，如果我想一想 - 它會爲「thead th」設置邊界半徑，和「tbody td」。

如果您有任何可能的解決方案，我將不勝感激。 CSS3唯一的解決方案對我來說已經足夠了。

來源

2013-10-10 sznowicki

你是什麼意思？「衆所周知，邊界半徑不適用於桌子本身」？ [它的作品]（http://jsfiddle.net/fhBuS/） – Peter

此外，你不應該在表內部元素上使用'border-radius'。 http://www.w3.org/TR/css3-background/#the-border-radius - 見5.6。對桌子的影響＃ – Peter

@彼得：呃，我沒有提到，現場的所有桌子都是邊框倒塌的。對不起，誤導。 – sznowicki

你可以使用jQuery來算個標籤，並設置一類的表，如果它發現任何...

var thCount = $("#theTable tr th").length; 

    if (thCount > 0){ 
    $("#theTable").addClass("roundCorners"); 
    //adds a class to the table so you can make round corners 
    }

這個例子假定你已經有某種形式的ID /類的放在桌子上，只需要根據需要進行更改並使用您的CSS。

來源

2013-10-10 19:25:35

表格邊框半徑 - 全球css（thead或tbody選擇器）

回答

相關問題