Handling style sheets

In开发者_开发知识库 my application I am using a custom control. This has got one CSS file. The same CSS file with same tags but different definition is included in my application also.

I would like to override my custom control referred CSS file styles with my application styles.

Can anyone suggest the easiest way of achieving this?

Regards, Kumar.

I assume these custom controls are children of some of your elements like so:

<div id="myContainer">

  <span class="customControl"></span>

</div>

If this is the case, then in YOUR css, you can override their rules by using a higher specificity. Essentially preface all of the rules with #myContainer

#myContainer .customControl { color:red; }
#myContainer .anotherCustomControl { color:blue; }