我的reset.css 在我的 id="root" 上不起作用使用 React js 标记
我尝试将reset.module.css应用到我的react项目中。
html,body,#root {
height: 100%;
}
在index.js中导入上面的CSS文件
import ReactDOM from "react-dom";
import App from "./App";
import "./css/reset.module.css";
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById("root")
);
，这里是你已经知道的index.html。
<body>
<div id="root" > </>
</body>
我很好奇为什么 CSS 只在 div id="root" 上不起作用。
你能帮我看看是什么原因导致了这个问题吗？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您应该更多地了解普通样式表和模块样式表的工作原理。
要学习，请访问： https://create-react-app .dev/docs/adding-a-css-modules-stylesheet/
解决方案：将您的reset.module.css重命名为reset.css并相应地导入。
You should learn a little more about how normal stylesheet and modules stylesheet work.
To learn visit: https://create-react-app.dev/docs/adding-a-css-modules-stylesheet/
Solution: Rename your reset.module.css as reset.css and import accordingly.