奇数表行没有突出显示

Question

我有一个突出显示所有奇数行的表。

为此，我只检查行号是什么，并将alt类应用于所述行。

然后我使用CSS文件中的简单:hover突出显示悬停行。

它完美地突出显示非.alt行，但不突出显示alt行。

这是我的CSS代码：

.datagrid tr:hover, .datagrid tr.alt:hover {
    background-color:#497A43;
    color:#D3F0D4;
}

我做错了什么？

Answer 1

不要应用那些繁琐的类更改方法。而是使用css选择器

.datagrid tr:nth-child(even):hover {background: #CCC}
.datagrid tr:nth-child(odd):hover {background: #FFF}

js fiddle

Answer 2

无需.alt选择器即可运行。

请参阅http://jsbin.com/ixokoj/2/edit

Answer 3

而不是

.datagrid tr:hover, .datagrid tr.alt:hover 

{


    background-color:#497A43;


    color:#D3F0D4;


}

使用以下

.datagrid tr.alt:hover 

{

    background-color:#497A43;

    color:#D3F0D4;


}

以上内容将背景颜色和颜色应用于类为“alt”的行，并且仅在它们悬停时才会应用。

希望这会有所帮助。