How to remove all inherited CSS formatting for a table?

css inheritance css-tables
chris picture chris · Jun 9, 2009 · Viewed 64.2k times · Source

I have a table which has a certain style due to the CSS file for the page (it has blue borders, etc...).

Is there a simple way to remove the CSS for that specific table? I was thinking something along the lines of a command like:

style="nostyle"

Does anything like this exist?

Answer

Kristof Neirynck picture Kristof Neirynck · Jun 9, 2009

Try this.

From Eric Meyer's Reset CSS

table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

Related questions

Is it possible in SASS to inherit from a class in another file?

The question pretty much says it all. For instance, if I were using, say, Twitter Bootstrap, could I define classes in my own SASS stylesheet that inherit from Bootstrap's CSS classes? Or does inheritance in SASS only work within the …

Read More
Why isn't my <select> "font-family" property inheriting from <body>?

My code: Why is the first <select> element not inheriting the font-family property from the specification for <body>? If I have to change the font for a <select> why do I have to copy …

Read More
Can the :before and :after pseudo-elements inherit height from the parent element?

I am wondering whether the :before and :after pseudo-elements can inherit the height from parent using the inherit value, without the actual element doing so?

Read More