title: Hover div in div
body: <p>I have two divs with the same class which I can't change. One div is the parent of the over one. I want them to have a hovereffekt, but if I hover the child, the hover of the parent should go away.
  The divs are created automatically by extjs and it can be 2 or even more. </p>
  
  <pre><code>&lt;div class="x-test-container"&gt;
      &lt;div class="x-test-container"&gt;
           &lt;div class="x-test-container"&gt;
           &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So if i hover the inner child, i want the parents to have no hovereffekt. Can someone help me?</p>