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

Question

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

有没有办法防止嵌套表格继承表格排序器样式？

Answer 1

您可能需要修改 css 以添加 css child selectors当您沿着 DOM 树向下移动时，每个元素之间...这使得定义非常具体地说明要设置样式的表格元素。

例如，如果您的外表的 ID 为“outer”，那么此 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 或类和子选择器来设置嵌套表格的样式。