在开发页面时，为css中的class起名字是难免会一样，这样就会导致css冲突。那么如何避免这种冲突呢？接下来就以react项目为例，介绍一种解决样式冲突的方法。
CSS Modules：通过对 CSS 类名重命名，保证每个类名的唯一性，从而避免样式冲突的问题。
首先：在 .jsx同级文件夹下修改 .less文件名为 .module.less，如下:
然后，写上一个根类名，里面所包含的类名都使用 :global包裹，如下：
之后，在页面使用import用对象引入，根标签使用 对象.类名赋值，如下：
最后，页面标签会为根标签重新生成类名，如下：
如此，我们就不用担心各个模块间的类名冲突了。
