title: Passing styles in dangerouslySetInnerHtml in react overrides global css classes
body: <pre><code>&lt;html&gt;
   &lt;head&gt;
    &lt;style&gt;
     .top-bar {
      background: green;
     }
    &lt;/style&gt;
   &lt;/head&gt;
   TEST
  &lt;/html&gt;
  </code></pre>
  
  <p>When this is passed to dangerouslySetInnerHtml, the styles overrides global css of top-bar. Is there any safe mode for using dangerouslySetInnerHtml, so that its css remains only for the div which we set innerHtml ?</p>