title: Can't target :before Pseudo selector in JSS
body: <p>I am trying to target the after pseudo selector of an element on my page. I am trying out JSS for this project and am a huge fan so far, but still very new to it. I am having troubles selecting the :after selected with JSS. Is this possible because I thought it was when reading the docs.</p>
  
  <p>This is my mark up:</p>
  
  <p><code>&lt;Link to="about" className={classes.link}&gt;About&lt;/Link&gt;</code></p>
  
  <p>and my JSS looks like this:</p>
  
  <pre><code>link: {
      position: 'relative',
      fontFamily: fonts.family.primary
      '&amp;:before': {
          content: ' ',
          position: 'absolute',
          bottom: 0,
          left: 50,
          width: '100%',
          height: '1rem',
          display: 'block',
          background:styles.colors.white
      }
  }
  </code></pre>
  
  <p>if anyone who is familiar with JSS could help, that would be great!</p>