Question

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

我在某种程度上坚持使用css表。

我的新表应该有圆形边框。值得庆幸的是，我只能使用CSS（它可以优雅降级到IE7），所以我只使用CSS。

现场表不同。有些有表头，有些没有。

众所周知，border-radius对表本身不起作用。它必须是表格单元格的参数。

是否有可能编写CSS，因此浏览器会识别表是否具有thead（然后为“table thead tr：first-child th：first-child”设置border-radius），如果没有边框-radius将设置为“table tbody tr：first-child td：first-child”）？

我尝试的快速简单镜头不起作用 - “表tr：第一个孩子td：第一个孩子” - 我应该假设如果我会考虑它 - 它为“thead th”设置border-radius “tbody td”。

如果您有任何可能的解决方案，我将不胜感激。 CSS3唯一的解决方案对我来说已经足够了。

Answer 1

你可以使用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 / Class，只需根据需要进行更改并使用您的CSS。

表边界半径 - 全局css（thead OR tbody selector）

1 个答案: