React防止全局样式影响组件

时间:2019-06-27 18:06:40

标签: javascript css reactjs

在React应用程序中,虽然有一些使用“样式化组件”的方法,但是使用“样式化组件”在该组件内部定义的样式不会对外界产生任何影响。 但是,我相信相反的影响仍然会产生影响,例如,外部全局样式(例如Bootstrap CSS)会影响组件内部的元素。

这是真的吗?有什么方法可以防止整体风格影响我们?还是那是CSS构造,我们无法真正阻止吗?

1 个答案:

答案 0 :(得分:0)

实际上,这是相对于CSS结构的东西,就像继承的树一样。

设置div样式时,所有div(即使它们具有其他className)也会受到应用于div的样式的影响。

当您为特定的类或id(或当您具有“样式化的组件”)设置样式时,它只会影响itslef而不会影响所有div或其他类。

我认为您不能阻止全局样式影响div,但是您可以覆盖它。

您在类名中指定的越多,就越能防止全局样式对我们的影响

相关问题