title: CSS deactivate a hover of a parent class
body: <p>I have two style sheets in page.html:<br>
  parent.css and child.css</p>
  
  <p>In parent.css I have: </p>
  
  <pre><code>#MAINTable tr:hover
  { 
      background:#C0C0C0;  
  } 
  </code></pre>
  
  <p>I need to deactivate this from child.css</p>
  
  <p>I'm doing: </p>
  
  <pre><code>#MAINTable tr:hover{text-decoration: none !important;}
  </code></pre>
  
  <p>But this is not working. What am I doing wrong? </p>
  
  <p>Thanks a lot!</p>
  
  <p>PD: Sorry if the question was too simple, learning CSS here </p>