css - :local(. class) { } 在 CSS 模块中如何工作？

Question

我已经开始使用 CSS modules , 但是我找不到任何例子来说明这是如何工作的:

:local(.class){
    /* some property */
}

默认情况下所有类都是本地的，那么 :local 或 :global 是什么意思？

Answer 1

没错，默认所有类都是本地的。但是如果你将一个 block 切换到 global 并且你需要一个本地选择器在里面，这就是你需要应用 local 的地方。

:global {
   .a {
    ...
  }
  :local(.b) {
    ...
  }
}

编译为

.a {
  ...
}
.b___1bJNe {
  ...
}