0

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

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

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

它完美地突出了非.alt行，但不是alt行。

这是我的 CSS 代码：

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

我究竟做错了什么？

4

3 回答 3

2

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

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

js小提琴

于 2012-07-05T07:50:36.950 回答
0

代替

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

{


    background-color:#497A43;


    color:#D3F0D4;


}

使用以下

.datagrid tr.alt:hover 

{

    background-color:#497A43;

    color:#D3F0D4;


}

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

希望这有帮助。

于 2012-07-05T09:24:21.520 回答
0

它无需.alt选择器即可工作。

见http://jsbin.com/ixokoj/2/edit

于 2012-07-05T07:50:14.923 回答