title: CSS Modules & ReactJS: Parent and child CSS classes in different components
body: <p>So I am building a react application and have a quick question. If I have two separate components: 
       and 
       with CSS classes navigation.css and navigationLogo.css respectively. In navigation.css I have a class named .main and in navigationLogo.css I want to have a class like so:</p>
  
  <pre><code>.main .main_in_logo {
   color: red;
  }
  </code></pre>
  
  <p>But with CSS Modules I am unable to do this, any ideas on a work around?</p>