我可以从 CSS 模块中引用另一个类吗?

问题描述

假设我有两个组件 npm install。我正在 A,B 内渲染 B

A

现在,当 return( <div className="classA"> </B> </div> ); 位于 B 内时,我希望 A 的视觉行为有所不同,因此,在我的 B 的 CSS 中,我将这样做:

A

然而,CSS 模块的问题在于类是不可预测的,因此无法进行此操作。对于 /* Turn classB's color to red if it's ever inside .classA */ .classA .classB { color: red; } ,这个 A.module.css一个本地的、全新的类。我查看了 .classB 关键字和 composes 语句,试图告诉 CSS 模块我希望它引用一个来自外部的类,但无济于事。

然后我想,好吧,@import 怎么样?嗯,这可行,但通常,生产 CSS 最终看起来只是 4/5 长的哈希,因此,CSS 正则表达式失败,所以,这是不行的。强>

这是不可能的吗?


最终,一个优雅的解决方案是使用 regex 关键字,它可以让我对该类进行伪导入,类似于:@

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)