html - 奇数表行未突出显示

Question

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

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

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

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

这是我的 CSS 代码：

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

我究竟做错了什么？

score 2 · Accepted Answer

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

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

score 0 · Accepted Answer

代替

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

{


    background-color:#497A43;


    color:#D3F0D4;


}

使用以下

.datagrid tr.alt:hover 

{

    background-color:#497A43;

    color:#D3F0D4;


}

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

希望这有帮助。

score 0 · Accepted Answer

0

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

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

3 回答 3