title: modify a child class using the parent pseudo class in React-JSS
body: <p>I was trying to modify class attribute of a child element when the parent element is hovered.</p>
  <p>Here is one of my attempts at the solution.</p>
  <pre><code>const useStyles = makeStyles((theme) =&gt; ({
    parent: {
      &quot;&amp;:hover child&quot;: {
        marginLeft: '0px'
      },
    child: {
      marginLeft: '-99px'
    }
  })
  </code></pre>