2012-04-23 53 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代码,它将按照浏览器的默认值显示(尽管在子窗口内,内嵌框架内,并且尺寸由嵌入文档设置)。

相关问题