css - Ignoring stylesheet rules for part of an HTML document -

I have a viewer tab that shows the complete HTML document from the server, a CSS in the application [ main.css which is applicable to all elements on the screen. If we apply it to the HTML document shown in the viewer, then we lose some formatting like the table format. That's why we do not want the application's main.css to be applied to viewer content. We want to show such a document. I think CDATA can be used to do this & lt; Div class = "ap-mainpanel ap-scrollpanel" & gt; Under the contents inside the viewer are wrapped, so I want to & lt; DivX-class = "ap main.css

  --MainPanel AP-ScrollPanel" & gt;   [CDATA [& lt; Div class = "ap-main pinal ap-scroll panel" & gt; & Lt; / Div & gt; ]] & Gt;  

Not sure how we specify that we do not have & lt; Div class = "ap-mainpanel ap-scroll panel" & gt; main.css

you want everything inside One can not exclude css from a part of HTML document. This has been asked many times on the SO, unfortunately, most of the wrong answers have been given.

If you use style sheets for a page, or set pages, then you have to design it so that it really is really what you need. For this you may need comparatively more complex selectors that you currently use.

Alternatively, you can display content as a separate document, such as iframe code> frame or in your main document. Object , but iframe is usually the easiest). A document displayed in an iframe is presented independently: only affects its style sheet rendering, not the "hosting" document (except that the "hosting document" is the size of the rendering area and status of ).

CDATA sections have nothing to do with it. They disable HTML parsing rules, change markup in plain text. You do not want to be here