html - 如何为不同的屏幕 ReactJS 设置不同的背景

标签 html css reactjs web-applications

我正在尝试通过 css 向我的 ReactJS 元素中的屏幕添加背景,但是当我向一个屏幕(组件)的主体添加背景时,它会出现在所有屏幕上。我所有的组件都在同一个文件夹中。

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

这是我为我想要背景的屏幕编写的 css 代码:

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

尝试在 div 而不是 body 上设置背景可能不是解决方案,因为 div 没有覆盖整个屏幕,这不是我想要的。

最佳答案

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

关于html - 如何为不同的屏幕 ReactJS 设置不同的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57739534/

相关文章:

javascript - 加载文件后更改按钮文本?

html - 使用 css 定位 div

javascript - jQuery 和 JS 函数未正确加载到页面中

css - 如何使 jQuery UI 导航菜单水平?

javascript - React ErrorBoundary - 只是无法让它工作

javascript - Blob 到 base64 ReactJs

javascript - 调整任意长度的文本以适应可变宽度、固定高度的容器

html - 使用 Angular 和 Node js 的单页应用程序

html - 通过 CSS 添加输入框之间的间距

javascript - 如何重定向到另一个页面并在reactjs中使用props