问题描述
假设我有两个组件 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 (将#修改为@)