Html 表格边框半径-全局css（THAD或tbody选择器）

我为一个大网站重写了一些css。内容很多，而且内容常常不同

不知怎么的，我被css表格卡住了

我的新桌子应该有圆形边框。谢天谢地，我只能使用CSS（它可以降级到IE7），所以我将只使用CSS

现场表格各不相同。有些有表头，有些没有

众所周知，边界半径对表格本身不起作用。它必须是表单元格参数

是否有可能编写CSS，以便浏览器能够识别表是否有thead（然后为“table thead tr:first child th:first child”设置边框半径），如果没有，则为“table tbody tr:first child td:first child”设置边框半径

我试过的简单快速镜头不起作用——“table tr:first child td:first child”——如果我仔细想想的话，我应该假设——它设置了“thead th”和“tbody td”的边界半径

---

如果你有任何可能的解决办法，我将不胜感激。对我来说，只有CSS3的解决方案就足够了。

您可以使用jQuery计算th标记，并在表上设置一个类（如果它发现了任何类的话）

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。

您所说的“众所周知，边界半径对表本身不起作用”是什么意思？此外，您不应该在表内部元素上使用

边界半径参见
5.6。对表格的影响
@Peter:嗯，我没有提到，现场的所有表格都已折叠。抱歉误导。顺便说一句，您可以使用
边框间距
而不是
边框折叠
示例：