title: Selecting second child div while hovering on first child div in makeStyles Material UI
body: <p>I have a parent div and two child divs, I want to apply CSS to the second child div when I hover on the first child div. This is the structure of the render method.</p>
  <pre><code>&lt;div className={classes.parent}&gt;
      &lt;div className={classes.child1}&gt;&lt;/div&gt;
      &lt;div className={classes.child2}&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>What is the material UI's makeStyles syntax for selecting child classes on hover?</p>