html - CSS 样式仅适用于没有选择器标签的一张两张桌子

Question

这是我必须使用的代码。

<table width=600>Stuff here
    <table>more stuff here
    </table>
</table>

我无法以任何方式更改此代码。但是，我可以使用 CSS 来影响此代码。

因此，如何在不强制更改子表的情况下修改表一的宽度？

table:first-child {width: 550px !important;}

似乎将两个表都设置为 550px。

Answer 1

找出外表的父元素是什么并使用parent > table {}

Answer 2

您也许可以通过其上下文来引用外部表。例如，如果它是 的子级body，则可以使用选择器body > table。

如果由于某种原因无法使用此类方法，则可以使用属性选择器（假设内表没有width属性或具有 600 以外的值）：

table[width=600] { width: 550px; }

Answer 3

尝试

table > table { width:550px }

Answer 4

假设您的嵌套表在一个<td>（您发布的代码是无效的 html）内，您可以使用以下 CSS 来获得您想要的内容：

td > table { width: 550px !important }