我有一个组件作出反应呈现此元素:阵营组件与dangerouslySetInnerHTML,包含CSS
<div dangerouslySetInnerHTML={{__html: this.props.htmlString}}/>
它工作正常,而HTML被渲染。但是,我遇到的问题是,我的客户端代码已经安装了CSS,正在从我从this.props.htmlString
中渲染出的组件中。有没有办法阻止我的客户端CSS代码被应用到这个组件?
我有一个组件作出反应呈现此元素:阵营组件与dangerouslySetInnerHTML,包含CSS
<div dangerouslySetInnerHTML={{__html: this.props.htmlString}}/>
它工作正常,而HTML被渲染。但是,我遇到的问题是,我的客户端代码已经安装了CSS,正在从我从this.props.htmlString
中渲染出的组件中。有没有办法阻止我的客户端CSS代码被应用到这个组件?
您必须定位CSS中的元素并覆盖不希望应用的样式。
叹息......这就是我的想法。幸运的是,只有3-4个属性需要停止继承,但我确实希望有一种方法可以停止父容器的继承,并使用默认值。稍后也许是一个好的主意 – YOO629
这听起来像是全球CSS的典型问题。如果您使用样式化的CSS或CSS模块,它可能会解决您的问题。 – Aaron