How To Reset Css In Middle Of Html Document?

I wonder if there are any possibility to reset css in middle of page? I have main style, but in one area I would like to use style from tinyMCE generated source. So in tinyMCE sou

Solution 1:

You mean, have a set of CSS rules to apply to the top part of a page, and a reset set of rules apply to the rest? No way, can't be done, sorry.

My approach to stuff like this is usually to embed the problematic content in a wrapper <div class='wysiwyg_html'> and then to set specific styling instructions for that content:

.wysiwyg_htmlp { display: inline }
.wysiwyg_htmla { text-decoration: underline }
.... and so on

If you want, you can apply a whole reset stylesheet to everything inside wysiwyg_html that way.

Solution 2:

thats pretty easy, i will show this with the "poorman's" reset but the others (eric mayer's ect.) works the same way:

* {
padding: 0;
margin: 0;
}

div {
 padding: 50px;
}

#content *{
 padding: 0;
 margin: 0;
}

now your div inside the #content should have the reseted padding: 0; again, because an id selector wins over an element selector, so the only thing you need to make sure is that your secound reset has a selector that outweighs the others (but dont use important!).