title: How do I inspect CSS pseudo classes with firebug?
body: <p>I am struggling with a reluctant <code>a:hover</code> css style which I cannot override.  </p>
  
  <p>I tried to inspect the element in Firebug, but I cannot see why it won't work. I don't even see how to properly inspect <code>a:hover</code> css event in Firebug.  </p>
  
  <p>I have seen:<br>
  Hover Inspection in Firebug <a href="http://blog.borngeek.com/2010/04/16/hover-inspection-in-firebug/" rel="nofollow noreferrer">http://blog.borngeek.com/2010/04/16/hover-inspection-in-firebug/</a><br>
  but I have not figured out how to reproduce the steps mentioned there.</p>
  
  <p>Also: 
  Pseudo-Phantoms <a href="http://meyerweb.com/eric/thoughts/2009/11/03/pseudo-phantoms/" rel="nofollow noreferrer">http://meyerweb.com/eric/thoughts/2009/11/03/pseudo-phantoms/</a>  </p>
  
  <p>How do I inspect/debug CSS pseudo classes like <code>:hover</code> with Firebug?</p>