在一个CSS模块中,是否可以使用另一个CSS模块的班级?
问题在于,CSS模块正在使用自己的类别名称译文,例如<代码>> 。
.class {
(...)
}
/* .class is the same class as in A.css */
.class > .someOtherClass {
}
我能够做的是“进口”其他类别,如“进口”。
@value someClass from "./xxx.module.css";
之后提及:
:global(.someClass) .myClass {
margin: auto;
}
假设A和B是CSS的档案,如果你(头)与这两份文件联系起来,这两份文件都将正常运行。
必须指出,如果他们说信息相互矛盾(这种信息针对的是同一风格),则不会采用一种风格(在研究开发工具时会加以跨越)。 你们可以通过在你的风格上用重要的关键词来解决这一问题。 但这一关键词很少使用,因为这不是最佳做法。
As you can see in the below snip, it chooses one to use. The file names can be seen on the right.
Are you asking for something like this?
.class {
/* rule-set */
}
@import "A.css"
.class > .someOtherClass {
/* rule-set */
}
经过一些调查,看来没有直接的提及某类名称。
因此,我提出了一个可能的解决办法:
:global(.class) > .someOtherClass {
/* rule-set */
}
之后,将将其改为:
<div class="class A-module--class--something">
<div class="B-module--class--somethingElse">
</div>
</div>
这样,你就保留了<条码>A-module---quthing(赢得有史以来的 t)规则,以及更复杂规则的“阶级”提法。 这不是最佳解决办法,因为你需要修改其《html法典》,而是将污染的工作范围减少到最低限度。
I needed to add hover for class in another module this is my solution:
我进口了需要 h的那类人:
@value bage from ./BageList/RecBage/styles.module.css ;
加上:
.recommendCart:hover .bage:global {
}
.recommendCart- classname in my first module
.bage - classname in my second module
在一个CSS模块中,是否可以使用另一个CSS模块的班级?