title: Trouble with inheritance of CSS
body: <p>I have some problem with my CSS Style. Currently, i have something like this:</p>
  
  <pre><code>table tbody tr:hover { background-color: #5A5A5A; color: #F9F9F9;}
  </code></pre>
  
  <p>After this, i found out that i need to have some table somewhere without the hover. So i go ahead and use this to overide:</p>
  
  <pre><code>.image-result  tr:hover { background-color: #FFF; }
  </code></pre>
  
  <p>but unfortunately, this do nothing on the TR.</p>
  
  <p>Can you suggest what should i do?</p>
  
  <hr>
  
  <pre><code>        &lt;div id="image-box"&gt;
              &lt;div&gt;
                  &lt;span&gt;Search Image: &lt;/span&gt;
                  &lt;%= Html.TextBox("img-search") %&gt;
                  &lt;%= Html.Hidden("img-submitto", Url.Action("photopicker", "ajax"))%&gt;
                  &lt;button id="img-submit"&gt;Search&lt;/button&gt;
              &lt;/div&gt;
              &lt;div class="image-result"&gt;
   &lt;table&gt;
       &lt;tbody&gt;&lt;tr&gt;
              &lt;td&gt;c&lt;/td&gt;
              &lt;td&gt;c&lt;/td&gt;
             &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>