CSS Modules 是什么？它如何实现局部作用域和避免样式冲突？

本文共计545个文字，预计阅读时间需要3分钟。

CSS Modules不是官方的规范，也不是浏览器的一种机制，而是在构建步骤中对CSS类名和选择器限定作用域的一种方式（类似于命名空间）。通过构建工具的帮助，可以将class的名称或::等限定词嵌入到CSS中，以实现作用域的隔离。

CSS Modules不是一个官方的规范，也不是浏览器的一种机制，而是在构建步骤中对CSS类名和选择器限定作用域的一种方式（类似于命名空间）。通过构建工具的帮助，可以将class的名字或者选择器的名字作用域化。

本教程操作环境：windows7系统、CSS3版、Dell G3电脑。

css modules是什么

根据CSS Modules在Gihub上的项目，它被解释为：

所有的类名和动画名称默认都有各自的作用域的CSS文件。

所以CSS Modules 不是一个官方的规范，也不是浏览器的一种机制，而是在构建步骤（例如使用Webpack或Browserify）中对CSS类名和选择器限定作用域的一种方式（类似于命名空间）。