title: Access element by id in material-ui useStyles()
body: <p>I have a simple div with three other divs nested inside of it, and each nested div has an id. I'm having trouble accessing these divs by their ids in useStyles().
  here is my component:</p>
  
  <pre><code>import { useStyles } from "./components/Styles/Styles";
  
  export const CountDown = () =&gt; {
     const classes = useStyles();
  
     return(
        &lt;div className={classes.countDown}&gt;
          &lt;div id="hour"&gt;NA&lt;/div&gt;
          &lt;div id="minute"&gt;NA&lt;/div&gt;
          &lt;div id="second"&gt;NA&lt;/div&gt;
        &lt;/div&gt;
     )
  }
  </code></pre>
  
  <p>and this is useSyles()</p>
  
  <pre><code>export const useStyles = makeStyles({
     countDown: {
        "&amp; #hour:before": { //not working like this
           content: "Hours",
        },
     }
  })
  </code></pre>