どうしますか：ローカル（.class）{}はCSSモジュールで動作しますか？

Question

私はしかし、私はこれがどのように動作するかを正確に任意の例を見つけることができない、CSS modulesの使用を開始しました：

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

すべてのクラスは、デフォルトではローカルなので、:localまたは:globalは何を意味するのでしょうか？

Answer 1

そうです。すべてのクラスはデフォルトではローカルです。しかし、ブロックをglobalに切り替えた場合、内部にローカルセレクタが必要な場合は、localが必要です。

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

が

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