2012-04-23 108 views
0

我有一個CSS樣式的表格,雖然我有一張桌子,我想使用不同的樣式,或沒有樣式?有沒有辦法像<table style="no-style">那樣做,然後它很簡單,並忽略了CSS?有沒有辦法從某個桌子上取下樣式?

我看了,但我找不到任何相關的東西!

+0

請在您的問題中包含您的CSS和HTML代碼。 – JohnFx 2012-04-23 23:12:16

回答

1

在CSS文件中使用表格屬性的類定義。無論何時你想要它們,都可以使用類屬性。

CSS

table.myClass { 
... 
} 

HTML

<table class="myClass">...</table> 
<table class="anotherTableWithAnotherClass">...</table> 
0

CSS是級聯樣式表,它們只是樣式元素。無法操作任何東西。您將需要使用JavaScript。

我所知道的最好的方法是使用CSS類不同的風格。並使用JavaScript來切換或刪除它們。

0

您需要更深入地探討CSS,你可能會專注於一件事是類。您可以創建一個「類」樣式,並將其應用到特定的HTML元素(如表格),而不會影響您想要離開「純文本」的另一個表格。

.foo { 
    border : 1px solid black; 
} 

則該類應用到你的HTML元素:

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

另一種方式來解決這個問題是選擇。

0

不,你不能以這種方式脫掉一種風格 - CSS中沒有辦法說「不要在我的特定元素中應用我的任何樣式」。你只能覆蓋樣式設置。例如,如果您的樣式表中有像* { color: red }這樣的設置(僅僅是一個愚蠢的例子),您不能添加一個規則來排除特定元素,並使瀏覽器在其中應用其默認顏色。但是您可以設置table#foo * { color: black; }以使id=foo中的表格中的所有文本具有黑色。

覆蓋表格中的整體樣式設置的方式不是微不足道的,但肯定可行。你只需要明確你想要的風格;你不能說「使用瀏覽器的默認設置。」

然而,還有一種間接的方式,在一定意義上,雖然它很少是個好主意:如果你把你的表在一個單獨的文件,並通過iframe元素嵌入,然後該表將根據爲嵌入式文檔指定的CSS代碼顯示,與嵌入文檔的樣式表完全無關。在極端情況下,如果您沒有爲嵌入式文檔指定CSS代碼,它將按照瀏覽器的默認值顯示(儘管在子窗口內,內嵌框架內,並且尺寸由嵌入文檔設置)。

相關問題