Search code examples
csshyperlinkhoverparent-childparent

CSS deactivate a hover of a parent class

I have two style sheets in page.html:
parent.css and child.css

In parent.css I have: 

#MAINTable tr:hover
{ 
    background:#C0C0C0;  
}

I need to deactivate this from child.css

I'm doing: 

#MAINTable tr:hover{text-decoration: none !important;}

But this is not working. What am I doing wrong?

Thanks a lot!

PD: Sorry if the question was too simple, learning CSS here

Solution

  • You can try this to overwrite the background:

    #MAINTable tr:hover {
    background: transparent;
}