CSS覆盖/只做一次?

时间:2013-12-29 15:33:18

标签: javascript css formatting

我的问题是,我在CSS中使用以下代码

.table>tbody>tr:nth-of-type(even) { background-color:#C6DDFF;}

将表格行着色为白色,下一个为蓝色,下一个为白色......

但是当我使用JavaScript插入一个新的<tr>(临时需要)时,设计会搞砸。因为css看到插入的<tr>作为下一行,理论上是正确的。

但是希望新的<tr>采用自己的风格,并且原始表格布局应与第一次加载时相同。

有没有办法告诉css“不要影响这一行......忽略它?”

1 个答案:

答案 0 :(得分:2)

我认为这样可以解决问题。

.table > tbody > tr.someclass:nth-of-type(even) { background-color:#C6DDFF;}

你给你的初始trs someclass,动态添加的那些不会得到这个类。

工作正常:fiddle

<强>更新

当您在表格中间添加行时,这将无效: 的 css3 nth of type restricted to class