Question

<html>
 <head>
  <style>
   .top-bar {
    background: green;
   }
  </style>
 </head>
 TEST
</html>

当传递给dangerouslySetInnerHtml时，样式会覆盖顶栏的全局css。有没有使用dangerouslySetInnerHtml的安全模式，所以它的css只保留我们设置innerHtml的div？

Answer 1

为你的div使用css类：

<div className="my-div">...</div>

然后将新的类名添加到html样式中：

<html>
  <head>
    <style>
      .my-div.top-bar {
        background: green;
      }
    </style>
   </head>
   TEST
  </html>
  ...

Answer 2

您可以在Fawas回答时添加类名，也可以在全局css中使用!important