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

Question

我已经开始使用CSS 模块，但是我找不到任何关于其具体工作原理的示例：

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

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

Answer 1

没错，默认情况下所有类都是本地的。但是如果你切换了一个块global并且你需要在里面有一个本地选择器，那么你就需要local应用它。

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

编译为

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