0
我有一个排序表(个人和多个),IDK为什么,悬停不显示在“排序”列。悬停不能正常工作table.sorting_X
我的代码:
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>