Question

我试图通过css在我的ReactJS项目中的屏幕上添加背景，但是当我将背景添加到一个屏幕（组件）的主体时，它会出现在所有屏幕上。我所有的组件都在同一个文件夹中。

我尝试使用!important关键字，但这没有任何区别。

这是我在屏幕上写的CSS代码：

body {
    background: url("blue-bg.jpg");
}

尝试在div而不是正文上有背景可能不是解决方案，因为div不能覆盖整个屏幕，这不是我想要的。

Answer 1

尝试将上下文API用于主题或CSS主题，例如postcss支持该功能

Answer 2

如果您的div覆盖了整个页面的正文，则在组件中使用内联css对象并将其应用于您的div。