问题描述
我的反应相对较新，而且我一直在为造型而苦苦挣扎。我想知道我是否可以将任何 css 应用于 #root 或者最好不要这样做。
是否可以为 #root 应用样式，但仅适用于 module.css 文件中的一个组件？
提前感谢您的帮助。
解决方法
内联 CSS
- 依赖项：无
- 难度：简单
- 方法：最差
常规 CSS
- 依赖项：无
- 难度：简单
- 方法：好的
JSS
- 依赖项：react-jss
- 难度：简单
- 方法：体面
样式组件
- 依赖项：样式组件
- 难度：中等
- 方法：体面
CSS 模块
- 依赖项：css-loader
- 难度：艰难（使用加载程序配置）
- 方法：更好
Sass 和 SCSS
- 依赖项：node-sass
- 难度：简单
- 方法：最佳
少
- 依赖项：less、less-loader
- 难度：简单
- 方法：好
风格化
- 依赖项：stylable、@stylable/webpack-plugin
- 难度：困难
- 方法：更好
我研究了几种在 React 应用程序中设置组件样式的方法。然后我比较和对比了这些方法，检查它们的优点和缺点。最后，我演示了如何在 Create React App 项目中使用 Sass（我首选的 React 应用程序样式方法）。
Sass 是一个 CSS 预处理器，CSS 预处理器将继续存在。它们通过为您提供一组强大的功能来扩展基本的 CSS 功能，这些功能将立即提高您的工作效率。我提到了一些好处，但还有更多好处，例如继承、函数、控制指令以及 if()、for() 或 while() 等表达式、数据类型、插值等等。
成为 Sass 大师可能需要一些时间；你需要做的就是查看 Bootstrap Sass 文件，看看 Sass 如何变成一个复杂的东西。但是，您可以从今天开始学习基础知识并为您的项目进行设置。