Linkin Park
New Member
I have a problem with CSS \[code\]:hover\[/code\] class. How do I disable second table \[code\]:hover\[/code\] class which is inside the second row. Here is the fiddleHTML\[code\]<table border="0" width="100%" id="product-table"> <tr> <td colspan="2">Title of the table</td> </tr> <tr> <td width="20%"><b>Text text</b></td> <td>someting about product</td> </tr> <tr> <td><b>text text</b></td> <td> <table border="0" width="100%"> <thead> <tr bgcolor="#ddd"> <td colspan="6"><strong>Title of inside</strong></td> </tr> <tr bgcolor="#efefef"> <td width="20%"><strong>No</strong></td> <td width="20%"><strong>Date</strong></td> <td width="20%"><strong>Define</strong></td> </tr> </thead> <tbody id="hat_ekle"> <tr> <td>123</td> <td>2013</td> <td>some text</td> </tr> <tr> <td>234</td> <td>2013</td> <td>some text</td> </tr> </tbody> </table> </td> </tr></table>\[/code\]CSS\[code\]#product-table tr:hover { background:#333; }\[/code\]