title: Inspect CSS :before elements in the web inspector
body: <p>Is there any way to inspect elements that were added via the CSS :before selector, in the Chrome or FF web inspector and inspect their calculated styles (and manipulate them on the fly)?</p>
  
  <p>Setup is</p>
  
  <pre><code>li:before {
      display: block;
      width: 50px;
      height: 50px;
      position: absolute;
  }
  </code></pre>
  
  <p>So it's real block element without any HTML, but on inspection he only selects the related LI element. The "force element state"-option does not work either, it's only for interaction states like :hover but not :before</p>