title: How add style for child elements with react-jss component?
body: <p>I'm using react-jss component.
  Here's my sample code:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li className={classNames(classes.listStyleNone)}&gt;Item 1&lt;/li&gt;
    &lt;li className={classNames(classes.listStyleNone)}&gt;Item 2&lt;/li&gt;
    &lt;li className={classNames(classes.listStyleNone)}&gt;Item 3&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and my code in style.js is:</p>
  
  <pre><code>const styles = theme =&gt; ({
      listStyleNone: {
          listStyle: 'none',
      },
  })
  </code></pre>
  
  <p>Is there a way I add just a class to ul element and style it's children elements with that in react-jss component?
  like this:</p>
  
  <pre><code>.listStyleNone &gt; li {list-style: none;}
  </code></pre>