Question

I don’t know too much about css so I have to ask. I have a css file that I believe resets the values. I have another css file of all of the values that I want. I can see that a td tag is being overwritten by the reset file.

display: table-cell;
vertical-align: inherit;

How do I stop this from happening? These are the values that are being used. I have not specifically defined these attributes as I don’t know what to use for the values. Is there a way to just override these reset values?

Answer 1

<style type="text/css">
div#styles { color : red; }
.override { color : blue!important; }
</style>    

<div id="styles">
<div class="override">Content</div>
</div>

Here is the “!important” attribute of overriding CSS specificity. Use it wisely, knowing that it will override even user-created stylesheets (which may be there for accessibility reasons.)

You can read more about CSS specificity here.