title: How to style child components in React with CSS Modules
body: <p>I'm using React with SASS and CSS Modules. How can I style the children component without passing a new ClassName or something like that. For Ex.</p>
  
  <p>I want to position or do some styles over the child components, without having to give a specific class, just like when you do <code>p span</code> just for example, all the spans would be the childrencomponent, and I just want to do some styling referencing all the children component in the parent. But as the class is compiled, I don't know how to reference those children.</p>
  
  <pre><code>//ParentComponent.js
  Import Styles from 'ParentComponent.scss';
  Import Child from 'ChildComponent';
  Import ChildB from 'ChildComponentB';
  ...
  return(
      &lt;div&gt;
          &lt;ChildB /&gt;
          &lt;Child /&gt;
          &lt;Child /&gt;
      &lt;/div&gt;
  );
  
  
  //ParentComponent.scss (?)(?)
  .child {...}
  </code></pre>
  
  <p>Here how do I reference the <code>Child</code> components only without passing down a ClassName for example, or without importing the ChildComponent's SASS file in order to get reference to the component class.</p>
  
  <pre><code>//ChildComponent.js
  Import Styles from 'ChildComponent.scss';
  ...
  return(
      &lt;div classNames={Styles.child}&gt;&lt;/div&gt;
  );
  
  //ChildComponent.scss
  .child {...}
  </code></pre>