CSS изменение фона для тра

Question

Я хочу дать хороший эффект фона для строки, используя этот CSS

tr:hover td{background-color:#ddd; } 

себе таблицу внутри таблицы, естественно внутри все ТДА, также осуществляется с помощью этого CSS. Как я могу предотвратить?

<table 
    <tr 
     <td -->color change is good 
    <tr 
     <td 
      <table 
       <tr 
        <td --> color change is bad 

Я попытался с помощью

form>table>tr:hover td still same 
form>table>tr:hover>td not working at all 

спасибо за помощь

Answer 1

Используйте это стиль только свои внешние td сек при наведении курсора мыши.

form > table > tbody > tr:hover > td { 
    background-color: #ddd; 
} 

Обратите внимание на селектор tbody. См. this answer, почему это необходимо.

Answer 2

Используйте второй селектор:

tr:hover table td { background-color: black; } /*change to default*/