css - 如何覆盖 CSS 中的表格宽度属性

Question

我在名为 first.css 的外部 CSS 文件中有以下样式

table { width: 100%; }

这使得表格填满了它们的容器。如果只有两个小列，它们看起来彼此相距太远。

为了强制列显示得更近，我添加了这种样式

table { width: 50%; }

到一个名为 second.css 的新文件并将其链接到 html 文件中。

有没有办法覆盖 first.css 中的 width 属性而不需要在 second.css 中指定宽度？

我希望 html 表现得好像从来没有 width 属性，但我不想修改 first.css

Answer 1

您可以使用:

table { width: auto; }

在 second.css 中，严格使“html 表现得好像从未有过宽度属性”。但我不能 100% 确定这正是您想要的 - 如果不是，请说明!