Disable css on part of site (not override)

Question

How can I disable a css file for some <div>? I use MaterializeCSS framework and I have a specific area on my site where I want to use default browser styles.

Possible duplicate of [Disable a css for part of the content](http://stackoverflow.com/questions/11793568/disable-a-css-for-part-of-the-content) — diiN__________, Oct 03 '16 at 09:57
See this http://stackoverflow.com/questions/15901030/reset-remove-css-styles-for-element-only — Chris, Oct 03 '16 at 10:07

score 1 · Answer 1 · answered Oct 03 '16 at 10:15

Full cross-browser?
If not, give that div a custom class, and then reset children nodes with all property.
Something like:

p {
  color: red
}
.no-style > * {
  all: unset;
}

 <div class="some-class">
     <p>custom style</p>
 </div>

<div class="no-style">
  <p>default style</p>
</div>

<p>custom style</p>

Disable css on part of site (not override)

1 Answers1