Tablesorter如何禁用嵌套表的样式？

Question

我使用tablesorter为表格设置样式，在表格中我还有一个嵌套表格，我想以不同的方式设置样式，但是tablesorter类和样式覆盖了我的。

有没有办法防止嵌套表继承表分类器样式？

Answer 1

您可能需要修改css，以便在沿着DOM树向下移动时在每个元素之间添加css child selectors ...这使得定义非常具体地说明要对哪些表元素进行样式化。

例如，如果您的外部表的ID为＆＃34;外部＆＃34;，则此css将仅设置外部表的样式：

/* header cells */
#outer > thead > tr > th { background: blue; color: white; }
/* zebra striping */
#outer > tbody > tr { background: white; }
#outer > tbody > tr:nth-child(2n) { background: lightblue; }

上面的css不会设置嵌套表的样式（除非它们没有被设置为样式）。然后，您需要遵循相同的模式来设置嵌套表的样式，并在每个元素之间使用自己的特定ID或类和子选择器。