title: Is it possible to set the stacking order of pseudo-elements below their parent element?
body: <p>I am trying to style a element with the <code>:after</code> pseudo element CSS selector</p>
  
  <pre class="lang-css prettyprint-override"><code>#element {
      position: relative;
      z-index: 1;
  }
  
  #element::after {
      position:relative;
      z-index: 0;
      content: " ";
      position: absolute;
      width: 100px;
      height: 100px;
  }
  </code></pre>
  
  <p>It seems like the <code>::after</code> element can not be lower then the element itself.</p>
  
  <p>Is there a way to have the pseudo element lower then the element itself?</p>