我有兩個表，但希望其中一個忽略桌布CSS

我有一個頁面上有兩個表。其中之一是使用桌布（http://cssglobe.com/lab/tablecloth/）風格到表。桌布CSS對網站上的所有表元素（<table>, <tbody>, <tr>, <td>,等）進行樣式設置。有沒有辦法告訴頁面上的一個表忽略桌布CSS？我有兩個表，但希望其中一個忽略桌布CSS

2011-08-20 Nick

對於你願意，你可以使用!important規則，確保這些規則不會被其他樣式即

#othertable {background: white !important;}

2011-08-20 18:31:04 secretformula

重寫從鏈接頁面的表格：

」 ......但絕對不需要硬編碼的類名或id，Tablecloth會自動添加這些名稱，但是如果你願意，你可以應用自己的類名，而不用擔心它們會被運行。

所以，這樣看來，如果你犯了一個表像這樣，有自己的風格聲明，它將忽略桌布：

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

2011-08-20 18:33:19 bdares

不完全。桌布適用於頁面上的每個表格，無論每個表格的類別或ID如何。讓它真正「忽略」給定表的唯一方法是修改Tablecloth CSS和JS。否則，你會停留在桌布現有樣式表上寫樣式。 – peterjmag

正如我在我的評論中提到的bdares的回答，唯一的通過修改插件的CSS和JS，讓桌布真正地忽略給定表格的方法。所以我自己就開始了。看看我的叉子GitHub：https://github.com/peterjmag/tablecloth。

需要注意幾個問題：

我修改了JS的目標與tablecloth類，它不限於表的任何元素。我是一個JS新手，所以我不知道如何結合getElementsByTagName("table")和getElementsByClassName("tablecloth")只能定位具有該類的表格元素。在jQuery中，它會像$("table.tablecloth")一樣簡單。
由於修改的JS使用getElementsByClassName，它不能在IE8及更低版本中工作。我會看看我是否可以通過該方法的IE兼容實現來解決這個問題（可能類似於this？）。

長話短說：要使用此修改後的版本，只需添加class="tablecloth"到要針對任何表。該插件將忽略其餘部分。

2011-08-20 21:29:58 peterjmag

回答