title: Use javascript to click on a pseudo-element?
body: <p>I'm wondering how to enable the clicking on a <code>:before</code> pseudo-element (the orange part of the div on the JSfiddle I link to below). I've read that since pseudo-elements aren't in the DOM you would need a hack for this. Unfortunately, I can't find an existing Stackoverflow Q&amp;A that actually shows working code.</p>
  
  <p>Link:  <a href="http://jsfiddle.net/Vv6Eb/4/" rel="noreferrer">http://jsfiddle.net/Vv6Eb/4/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>div { position:relative; background-color:#333;
        padding:20px; margin:20px; float:left; 
  }
  
  div:before { content:""; display:block; 
      padding:5px; background-color:#f60; border:2px solid white; 
      position: absolute; top:-2px; right:-2px; border-bottom-left-radius: 10px; 
  }
  </code></pre>