如何覆盖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％确定这正是你想要的 - 如果没有，请澄清！

Answer 2

您还可以在表格中添加style =“width：auto”属性 - 这样只会修改页面的html。

Answer 3

表{width：50％; ！important}

添加！important对任何Style都会覆盖其他的，无论它是父元素还是子元素