My <table>s, <tr>s, <td>s are controlled by a default CSS that eliminates border, cellpadding, cellspacing etc.

I need to recode one complex page and I would like to see every detail.
Is it possible to bypass the default CSS, temporarily, just for that page?

Please advise. Thanks in advance.

WConti

You would like to enable the eliminated elements on one specific page?

If so, copy everything inside your main css, and paste into a new file, replacing the trs tds etc.

And then with your specific page change your css link to the new file.

eg

<link rel="stylesheet" type="text/css" href="main.css">

would become

<link rel="stylesheet" type="text/css" href="tables.css">

ThankYou Gilligan. Makes sense. And the "plain" css is always available for me to use. Have a nice day.
WConti

eNJOY

A better approach is to add class names to the elements on that one page.

<table class="class-name">

Then you'd add a new style to your css file

table.class-name {your styles here}

Using the classes gives you the opportunity to use both with and without the class styles on the same page and doesn't require your visitors to download another stylesheet. Probably not a huge amount to download, but why slow up the page at all.

Also with two stylesheets if you make a change to something like an h1 you'll need to change it in both css files instead of just the one. Trivial if you only have two css files, but if you consistently use a new css file each time you need something styled differently on one page you will eventually forget to update one.

One other option is to add the css into the head of the html page. The css there will override the css in the external file. I think it's best to have your css in an external file, but adding css to the head of the document is a quick way to style something for a specific page.