我的问题是,我在CSS中使用以下代码
.table>tbody>tr:nth-of-type(even) { background-color:#C6DDFF;}
将表格行着色为白色,下一个为蓝色,下一个为白色......
但是当我使用JavaScript插入一个新的<tr>
(临时需要)时,设计会搞砸。因为css看到插入的<tr>
作为下一行,理论上是正确的。
但是希望新的<tr>
采用自己的风格,并且原始表格布局应与第一次加载时相同。
有没有办法告诉css“不要影响这一行......忽略它?”
答案 0 :(得分:2)
我认为这样可以解决问题。
.table > tbody > tr.someclass:nth-of-type(even) { background-color:#C6DDFF;}
你给你的初始trs someclass
,动态添加的那些不会得到这个类。
工作正常:fiddle
<强>更新强>
当您在表格中间添加行时,这将无效: 的 css3 nth of type restricted to class 强>