这是我的问题,我认为不需要代码示例:
我有一个HTML表,第一行包含标题<th>
,用于在点击时对整个表进行排序,以及在单击列下的数据。
长话短说,我操作表内容的方式是我首先删除除第一行之外的所有内容,然后通过我的JavaScript脚本重新填充它,这给了我一个很大的编译字符串,这是新的HTML,附加到表格。
我重新分配事件监听器和所有,并且它就像一个魅力,但表单元格着色CSS不会更新。我有以下代码设置每个奇数行单元格的背景:
table tr:nth-child(2n) td:not(:first-child) {
background-color: white !important;
}
有没有办法更新表格CSS着色(!important
不起作用)?我也试过完全删除表并重新生成它,没有运气。
答案 0 :(得分:0)
为什么不尝试使用jQuery而不是CSS?避免“!important”总是更好。
$("tr:even td").css("background-color", "white");
$("tr:odd td").css("background-color", "none");
$("tr:first-child td").css("background-color", "none");