问题描述
首先，我什至不知道这是否是我应该做的事情，而且我觉得这个问题本身源于我思维中的混乱/矛盾。
我有一个基本的 $.module.css 文件。我的标记有一个按钮，其中包含一个 icon 类：
<div class={styles.button}><img class={styles.icon}/></div>
现在，问题是 - 我使用 CSS 模块，因为它们让我主要使用单字类，我的 CSS 最终看起来像：
.button {}
.icon {}
简洁、简短、酷！没有像 closeButton 或 contactButton 这样的名字。 但是如果我们在页面上引入另一个按钮会怎样？假设我们从上面复制标记，但我们希望保持简单性。
好吧，我们不能。现实情况是，就我而言，CSS 模块将类转换为 ID，无论本地范围有多大，因此，我必须想出一个新的类名，例如：
<div class={styles.button1}><img class={styles.icon1}/></div>
这是一件好事！我的意思是，否则你将无法分辨哪个按钮是哪个。但是有没有办法在让模块工作的同时保持类名的简单性？
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）