2017-05-26 37 views
0

我有一个组件作出反应呈现此元素:阵营组件与dangerouslySetInnerHTML,包含CSS

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

它工作正常,而HTML被渲染。但是,我遇到的问题是,我的客户端代码已经安装了CSS,正在从我从this.props.htmlString中渲染出的组件中。有没有办法阻止我的客户端CSS代码被应用到这个组件?

+0

这听起来像是全球CSS的典型问题。如果您使用样式化的CSS或CSS模块,它可能会解决您的问题。 – Aaron

回答

2

您必须定位CSS中的元素并覆盖不希望应用的样式。

+0

叹息......这就是我的想法。幸运的是,只有3-4个属性需要停止继承,但我确实希望有一种方法可以停止父容器的继承,并使用默认值。稍后也许是一个好的主意 – YOO629