어떻게 : 로컬 (.class) {}가 CSS 모듈에서 작동합니까?</p> <pre class="lang-css prettyprint-override"><code>:local(.class){ /* some property */ } </code></pre> <p>모든 수업이 너무 <code>:local</code> 또는 <code>:global</code>은 무엇을 의미합니까, 기본적으로 로컬 :

Question

나는 그러나 나는 이것이 어떻게 작동하는지 정확히의 예를 찾을 수없는, CSS modules 사용하기 시작했습니다?

Answer 1

그래, 모든 클래스는 기본적으로 로컬입니다. 그러나 블록을 global으로 전환했는데 내부에 로컬 선택기가 필요하면 local이 적용됩니다.

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

이 아마, 당신은 CSS 모듈의 GitHub의 페이지에 요청해야 하나 좋은 질문입니다

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