只有一个没有选择器标签的两个表的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 }