<p>I have the following style in an external CSS file called first.css</p>

<pre><code>table { width: 100%; }
</code></pre>

<p>This makes the tables fill their container. If there are only two small columns they appear too far from each other.</p>

<p>To force the columns to appear nearer I have added this style</p>

<pre><code>table { width: 50%; }
</code></pre>

<p>to a new file called second.css and linked it into the html file.</p>

<p>Is there any way to override the width property in first.css without the need to specify a width in second.css?</p>

<p>I would like the html behave as if there has never been a width property, but I do not want to modify first.css</p>

You can use:
```
```
table { width: auto; }
```
```
in second.css, to strictly make "the html behave as if there was never been a width property". But I'm not 100% sure this is exactly what you want - if not, please clarify!