Sekyoro的博客小屋
·
CSS_Modules介绍
💡
原文中文，约2300字，阅读约需6分钟。
📝
内容提要
React没有自带样式隔离功能，可以使用CSS Modules或CSS in JS解决。create-react-app和vite默认集成了CSS Modules。使用.module.css文件并导入使用。编译时会给类名加上唯一值。使用:global切换到全局作用域。进阶技巧包括compose组合选择器和继承其他文件样式。
🎯
关键要点
- React没有自带样式隔离功能，可以使用CSS Modules或CSS in JS解决。
- create-react-app和vite默认集成了CSS Modules。
- 使用.module.css文件并导入使用，编译时会给类名加上唯一值。
- 使用:global切换到全局作用域。
- 命名方式建议使用驼峰命名法。
- 进阶技巧包括compose组合选择器和继承其他文件样式。
➡️
