6 replies to this topic

[Lang]

I have a table cell with a class - is it possible to make this class force itself over any other formatting in the table cell?

Example:

<table>
  <tr>
   <td class="cell">
	  <div style="font-size:10px;">This is some text</div>
   </td>
  </tr>
</table>

Is possible to force the class of the cell so that the div does not affect the formatting?

Thanks,

[greg]

I'm not sure if I'm understanding your question 100%.

The way CSS works is anything lower in the stylesheet rules over anything above it.

For example:

#table {
 background: #000;
}

#table td {
 background: #fff;
}

The second rule (with the white background color) will override the first one, because it is below it in the stylesheet.

[Lang]

Yes I know that - but there is a <div> tag that will be overriding the class given in the cell. Is it possible to ignore the style property in the <div> tag with a CSS class is what i'm asking.

[greg]

I might be misunderstanding you, but the answer I gave before is still the answer.

If you put the div's styling below the cell's styling, then it won't apply to the cell. If you put the cell's styling below the div's styling, it will inherit automatically, so you'll have to override it by changing the style.

[rc69]

Order of style inheritance is like this:
Included CSS
Embedded CSS
In-line CSS

The bottom most takes precidence over the top. So, if you're going to use in-line styling, and try to over ride it with a class, you won't get very far.

[jamie0607]

Hi,

Try looking up the !important tag to be included in the class.

This overules the precedence set in the inheritance throughout the document, and will force those rules.

font-size: 20px; !important