title: :after pseudo class not working when using in stylesheet and importing in react
body: <p>I am using <code>style-loader</code> and <code>css-loader</code> to import stylesheets in react:</p>
  
  <pre><code>require('../css/gallery/style.css');
  </code></pre>
  
  <p>The stylesheet's working fine, except for this rule:</p>
  
  <pre><code>.grid::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }
  </code></pre>
  
  <p>I already have a <code>div</code> which belongs to a the <code>grid</code> class here:</p>
  
  <pre><code>&lt;div className="grid"&gt;
      {display_images}
  &lt;/div&gt;
  </code></pre>
  
  <p>The new element which should be created by the <code>:after</code> pseudoclass is not being created here. I know that React does not support pseudoclasses in its inline styles, but I don't know whether we are allowed to use them in stylesheets and then import them. If it isn't allowed, what are the alternatives?</p>