是否可以使用另一个 CSS 模块中的类？

Question

是否可以在一个 CSS 模块中使用另一个 CSS 模块中的类？

问题是CSS模块正在做它自己的类名翻译，所以.classfrom A.csswill变成A-module--class-something和.classfrom B.csswill变成B-module--class--somethingElse，它们将被视为单独的类。

A.CSS

.class {
  (...)
}

B.CSS

/* .class is the same class as in A.css */
.class > .someOtherClass {
}

Answer 1

我能做的就是像这样“导入”另一个类

@value someClass from "./xxx.module.css"; 

然后像这样引用它：

:global(.someClass) .myClass {
  margin: auto;
}

Answer 2

你有这样的要求吗？

A.CSS

.class {
  /* rule-set */
}

B.CSS

@import "A.css"
.class > .someOtherClass {
  /* rule-set */
}