我有两个表，但希望其中一个忽略Tablecloth CSS

Question

我有一个页面上有两个表格。其中一个是使用桌布（http://cssglobe.com/lab/tablecloth/）来设置表格样式。 Tablecloth CSS在网站上设置所有表格元素（<table>, <tbody>, <tr>, <td>,等）的样式。有没有办法告诉页面上的一个表忽略桌布CSS？

Answer 1

从链接页面：

“......绝对不需要硬编码的类名或ID。桌布自动添加。但是，如果你愿意，你可以应用自己的类名，而不必担心它们被碾压。”

所以，看起来如果你制作一个这样的桌子，宣布自己的样式，它会忽略桌布：

<table class="myOwnTable">
...
</table>

Answer 2

正如我在关于bdares回答的评论中提到的，让Tablecloth真正忽略给定表的唯一方法是修改插件的CSS和JS。所以我自己拍了一下。在GitHub上查看我的分支：https://github.com/peterjmag/tablecloth。

有几点需要注意：

1. 我修改了JS来定位任何带有tablecloth类的元素 - 它不仅限于表格。我是一个JS新手，所以我不确定如何将getElementsByTagName("table")和getElementsByClassName("tablecloth")结合起来只定位具有该类的表元素。在jQuery中，它就像$("table.tablecloth")一样简单。

2. 由于修改后的JS使用getElementsByClassName，因此无法在IE8及以下版本中使用。我会看看我是否可以通过IE兼容的方法实现来解决这个问题（可能类似于this？）。

长话短说：要使用此修改后的版本，只需将class="tablecloth"添加到您要定位的任何表中即可。该插件将忽略其余部分。

Answer 3

对于您想要的表格，您可以使用!important规则来确保这些规则不会被其他样式覆盖，即

   #othertable {background: white !important;}