title: Do psuedo selectors work in styled-components the same as in css with unicode characters
body: <p>I have the following styled-component, and I am trying to add a unicode character <code>\00d7</code> as the content for a pseudo selector, which is a cross or close icon. </p>
  
  <p>However this doesn't seem to work as it would in css. Of course I can use an svg for this close icon as an alternative, I was just curious if this is possible with styled-components? It seems to allow blank pseudo selector's though e.g. <code>''</code> </p>
  
  <pre><code>const Close = styled.span`
    color: pink;
    &amp;:before {
      content: '\00d7';
    }
  `
  </code></pre>