Изменить фон для каждого td с tr parent

Question

.GMDataRow td:hover Я хочу изменить фоновый цвет для каждого td в этом элементе tr. Возможно ли это только с помощью CSS? Я пытаюсь сделать это только с помощью CSS, Мне не нужны JQuery, JS-решения.

<tr class="GMDataRow"> 
<td></td> 
<td</td> 
... 
</tr> 

Answer 1

попробовать этот способ

tr.GMDataRow:hover td{background:#ccc;} 

Answer 2

Решение было предложено Lalji совершенна.

tr.GMDataRow:hover td{ 
     background-color:red; 
} 

• tr.GMDataRow находит класс "GMDataRow" в строках таблицы.
• tr.GMDataRow: зависание активирует hover css для текущей целевой строки.
• tr.GMDataRow: hover td будет нацелен на весь столбец, который является дочерним элементом активной строки.

Answer 3

Если вы хотите изменить Td фон на парении по-разному ... попробовать этот

HTML

<table style="width:100%"> 

    <tr class="GMDataRow"> 

     <td>ceva</td> 

     <td>ceva</td> 

     <td>ceva</td> 

     <td>ceva</td> 

    </tr> 

</table> 

CSS

.GMDataRow td:first-child:hover { 
    background: yellow; 
} 

.GMDataRow td:nth-child(2):hover { 
    background: pink; 
} 

.GMDataRow td:nth-child(3):hover { 
    background: red; 
} 

.GMDataRow td:last-child:hover { 
    background: blue; 
} 

также рассмотрим здесь http://www.w3schools.com/css/css_pseudo_classes.asp или здесь http://www.w3schools.com/cssref/sel_firstchild.asp Возможно, это поможет вам лучше понять.