2.4 样式与主题 (Styling & Theme)

文档摘要

2.4 样式与主题 (Styling & Theme) 2.4 样式与主题 (Styling & Theme) 2.4.1 CSS Modules CSS Modules 是一种流行的 CSS 编写方式，通过自动生成唯一的类名，避免全局样式冲突。 Next.js 内置了对 CSS Modules 的支持，无需额外配置即可使用。工作原理: 代码示例: 创建 CSS Module 文件: 在组件中使用: 优势: 局部作用域: 避免全局样式冲突。代码清晰: CSS 和 JavaScript 代码分离，易于维护。自动类名生成: 无需手动管理类名。易于使用: Next.js 内置支持，无需额外配置。劣势: 学习曲线: 需要适应 CSS Modules 的编写方式。