Question

我想在桌子上设置边框。我的问题是：在某些页面上，一个或多个表位于真实表格周围。

所以我的问题是：我如何才能在其他人的最后一张桌子上设置边框？或者当桌子独自一人时，不是这个？

示例：

<table>
.. This table should have borders..
</table>

<table> /* This one shouldn't have borders*/
  <tr><td>
    <table>
    .. This table should have borders..
    </table>
  </td></tr>
</table>

感谢您的帮助

我在这里有一个例子：http://jsfiddle.net/ecto0jtd/

好的，我认为来自anonymousxxx（http://jsfiddle.net/fauzi/k0ntkt4d/1/）的想法是解决这个问题的最简单方法。谢谢

Answer 1

目的似乎是在表上设置边框，但前提是它不包含表。如果不使用额外标记（例如class属性），通常无法做到这一点。原因是在当前的CSS中，您无法根据其内容选择元素。

最简单的方法是在那些应该有边框的表上设置class="border"。

或者您可以在设置所需特定边框的规则中使用<table border>和选择器table[border]（但border属性被某些人视为不良/弃用/不合格）

Answer 2

在上面的示例中，

    tr td table{
  border: 2px solid red;
}

只会将表格设置为嵌套在父表的行和数据单元格中。

取决于您想要去多少级别，以及您是否只想设置嵌套表或最后一个嵌套表？它还具有比伪选择器更广泛的浏览器支持，这可能是一个因素，具体取决于您需要支持的浏览器

请参阅http://codepen.io/anon/pen/LCHyE了解工作示例

设置最后一个表格

2 个答案: