title: How does :local(.class) { } work in CSS Modules?
body: <p>I've started using <a href="https://github.com/css-modules/css-modules" rel="noreferrer">CSS modules</a>, however I cannot find any examples of how exactly this works:</p>
  
  <pre class="lang-css prettyprint-override"><code>:local(.class){
      /* some property */
  }
  </code></pre>
  
  <p>All classes are local by default, so what does <code>:local</code> or <code>:global</code> mean?</p>