Exclude part of page from css application?

Question

I was instructed to make some updates to an existing web control and place it on an existing web page. Web control uses a lot of hard-coded formatting to make it look “pretty,” and the web page uses CSS to override the entire visual element that you could render. Therefore, when a control is placed on the page, it looks REALLY bad. Its mostly unusable, and I'm not sure what the best way to fix it.

Is there a way to clear CSS of, for example, all elements that are part of a specified DIV, or somehow prevent the use of basic css for these components?

Answer 1

You can try CSS reset stylesheet (just add the yui3-cssreset to your element).

The only problem is that it only normalizes small nuances between browsers and is not intended to completely destroy all stylesheets.

However, you can edit the code reset background , font , border , etc.

Answer 2

You can use a non-pseudo selector, for example:

: not (#idname) {Properties ...}

But it will not work everywhere without a JS stand.