怎么做：local（.class）{}在CSS模块中工作？

Question

我已经开始使用CSS modules了，但是我找不到任何有关其运作方式的示例：

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

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

Answer 1

没错，默认情况下所有类都是本地的。但是如果您将一个块切换到global并且您需要一个本地选择器，那么您需要应用local。

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

编译到

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