React component with dangerouslySetInnerHTML, contain CSS

Question

I have a React component that renders this element:

<div dangerouslySetInnerHTML={{__html: this.props.htmlString}}/>

It works fine, and the html is being rendered. However, the issue that I'm having is that my client code has CSS in place, which is reaching into the component that I'm rendering from this.props.htmlString . Is there a way to prevent my client CSS code from being applied to this component?

Answer 1

您必须以CSS中的元素为目标，并覆盖您不想应用的样式。