懸停不能正常工作table.sorting_X

Question

我有一個排序表（個人和多個），IDK爲什麼，懸停不顯示在「排序」列。

我的代碼：

tr.odd:hover 
{ 
    background-color: cyan; 
} 
tr.even:hover 
{ 
    background-color: cyan; 
} 
tr.odd>.sorting_1:hover, tbody tr.odd>.sorting_1:hover 
{ 
    background-color: cyan; 
} 
tr.even>.sorting_1:hover, tbody tr.even>.sorting_1:hover 
{ 
    background-color: cyan; 
} 
tr.odd>.sorting_2:hover, tbody tr.odd>.sorting_2:hover 
{ 
    background-color: cyan; 
} 
tr.even>.sorting_2:hover, tbody tr.even>.sorting_2:hover 
{ 
    background-color: cyan; 
} 
tr.odd>.sorting_3:hover, tbody tr.odd>.sorting_3:hover 
{ 
    background-color: cyan; 
} 
tr.even>.sorting_3:hover, tbody tr.even>.sorting_3:hover 
{ 
    background-color: cyan; 
} 





tr.odd 
{ 
    background-color: rgba(25, 119, 218, 0.26); 
} 
tr.odd>.sorting_1, tbody tr.odd>.sorting_1 
{ 
    background-color: #132030; 
} 

tr.even 
{ 
    background-color: rgba(16, 60, 106, 0.26); 
} 
tr.even>.sorting_1, tr.even>.sorting_1 
{ 
background-color: #13304D; 
} 

（有點兒多餘的，因爲我想嘗試儘可能多的可能性，我可以）。

example http://puu.sh/l8Cho/15ac04c94e.png

但是，如果我還徘徊排序列，這樣，

example2 http://puu.sh/l8Coh/5bf36bf642.png

我想也徘徊排序列（一個或多個），即使我不叮它（我的意思是，當我把光標放在它上面時，我想把鼠標懸停在上面）。

HTML代碼

<tr role="row" class="odd"> 
     <td class="match-number sorting_1"><a href="#25">1</a></td> 
     <td class="match-rank rank-4 sorting_3" title="Cobre">4</td> 
     <td class="match-clantag sorting_2">MiSCII</td> 
     <td class="match-race race-Z" title="Zerg">Z</td> 
     <td class="match-name">Eldoran</td> 
     <td class="match-map">Cabeza de puente</td> 
     <td class="match-length">00.15</td> 
     <td class="match-result-loss"> 
      <span class="text-result">Derrota</span> 
      <span class="points">-5</span> 
     </td> 
     <td class="match-date sorting_3">2015-10-22 07:54:41</td> 
</tr> 

Answer 1

我的朋友幫助我，找到了辦法

http://www.datatables.net/forums/discussion/1936/highlight-row-with-column-sorting-enabled

你必須，而不是所有的：懸停，做一個簡單的

tr.odd td.sorting_1:hover { 
    background-color: #ffff99; 
} 
tr.even td.sorting_1:hover { 
    background-color: #ffff99; 
} 

感謝並希望它在未來有所幫助^^