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

Question

我已经开始使用CSS模块，但是我找不到任何始终起作用的示例：

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

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

Answer 1

是正确的，默认情况下所有类都是本地的。但是，如果将块切换到global，并且需要一个本地选择器，则需要使用local。

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

编译到

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