什么是将css模块应用于前端开发的具体优势？

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

CSS模块化是指将所有的类名和动画名都限制在局部作用域内，默认作用域为当前作用域。模块化将作用域限制在组件内，避免了全局作用域的问题。

CSS模块就是所有的类名都只有局部作用域的CSS文件，即CSS文件中的所有类名和动画名的作用域都默认为当前作用域。CSS模块将作用域限制于组件中，从而避免了全局作用域的问题。

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

CSS模块是：

CSS files in which all class names and animation names are scoped locally by default.

CSS文件中的所有类名(class names) 和动画名(animation names) 的作用域都默认为当前作用域。

CSS模块就是所有的类名都只有局部作用域的CSS文件。

所以CSS模块不是浏览器中的 官方标准(official spec) 或者 实践(implementation) 而是一个(在Webpack或者Browserify的帮助下)改变类名和选择器的作用域到当前文件(类似于命名空间)的构建过程。

这看起来像什么以及为什么这样呢？我们将马上看到它。首先，记住通常情况下HTML和CSS是怎么工作的。