title: Effect of pseudo classes on child- and parent-elements
body: <p>I have a <code>&lt;input&gt;</code> inside a <code>&lt;div&gt;</code>. 
  Now if I use the pseudo-class <code>:hover</code> both of the elements gets the pseudo-class. </p>
  
  <p>But If i use <code>:focus</code> only the <code>&lt;input&gt;</code> gets that pseudo-class.
   I have read that only certain elements can have the <code>:focus</code> pseudo-class and <code>&lt;div&gt;</code> is not one of them.</p>
  
  <p>Now I wonder if there is some other pseudo-class I can use that exist on both tags with similar behavior as <code>:focus</code>, but will appear on both tags like <code>:hover</code> does.</p>
  
  <p>UPDATE:
  <a href="http://plnkr.co/edit/PuYfNPL1Ie8I8pdv5btq?p=preview" rel="nofollow">plunker</a>  illustrating the problem.</p>