在 React 应用程序中，虽然有一些方法，例如使用“styled-components”，以便使用“styled-components”在该组件内部定义的样式不会对外界产生任何影响。 但是，我相信相反的情况仍然会产生影响，即外部全局样式(例如 Bootstrap CSS)会影响我们组件内部的元素。
这是真的吗？有什么方法可以防止全局样式影响我们吗？或者这是 CSS 构造的东西，我们无法真正阻止？
最佳答案
其实是css struct相关的东西，就像一棵继承的树。
当您设置 div 样式时，所有 div，即使它们具有其他类名，也会受到应用于 div 的样式的影响。
当你在 react 中设置特定类或 id(或当你有“styled-components”)时，它只会影响 itslef 而不会影响所有 div 或其他类。
我认为您无法阻止全局样式影响 div，但您可以覆盖它。
在类名中指定的越多，就越能防止全局样式影响我们
关于javascript - React 防止全局样式影响组件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56796558/