列举出 CSS 中的命名冲突情况及其解决方案

发布时间：2023-10-18 09:55:17 所属栏目：语言来源：

导读：这篇文章给大家介绍了“CSS的类似冲突场景有哪些，怎么解决”的相关知识，讲解详细，步骤过程清晰，有一定的借鉴学习价值，因此分享给大家做个参考，感兴趣的朋友接下来一起跟随小编看看吧。

css的类似

这篇文章给大家介绍了“CSS的类似冲突场景有哪些，怎么解决”的相关知识，讲解详细，步骤过程清晰，有一定的借鉴学习价值，因此分享给大家做个参考，感兴趣的朋友接下来一起跟随小编看看吧。

css的类似冲突往往发生在大型项目中。

1、在推行大规模方案时，常常需要运用施工建造器材来打造计划。

2、创建了利用CSS样式的更小段，以更为细致的方式进行拆分的装置。

3、冲突的类名往往发生在不同的css模块文件中，只需要保证所有构建样式工具在合并大多数样式参照系的代码后不会出现无关紧要的类名之间的冲突即可。

实现原理

在webpack中，作为处理css的css-loader，它实现了css module的思想，要启用css module，需要将css-loader的配置modules设置为true。

css-loader的实现方式如下：

原理极其简单，开启了css module后，css-loader会将样式中的类名进行转换，转换为一个唯一的hash值。

由于hash值是根据模块路径和类名生成的，因此，不同的css模块，哪怕具有相同的类名，转换后的hash值也不一样。

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!