title: Is there any way to reset :after/:before CSS rules for an element?
body: <p>Is there any way to (robustly) reset any possible <code>:after</code> and <code>:before</code> CSS rules for a newly created element?</p>
  
  <p>Usually you can just set the style rules you want to reset on the element directly (with <code>!important</code> if you want to be sure), but I don't know of any way of changing rules defined in <code>:after</code> on the element only.</p>
  
  <p>(Only has to work with Chrome, if at all possible.)</p>
  
  <hr>
  
  <p>An <strong>example</strong> at <a href="http://jsfiddle.net/84kZK/" rel="nofollow">jsFiddle</a>.</p>
  
  <p>The content added with the <code>:before</code>/<code>:after</code> rules is affecting the value returned by <code>clientHeight</code>.</p>