表格边框半径 - 全球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选择器）

回答

相关问题