我有一个CSS样式的表格,虽然我有一张桌子,我想使用不同的样式,或没有样式?有没有办法像<table style="no-style">
那样做,然后它很简单,并忽略了CSS?有没有办法从某个桌子上取下样式?
我看了,但我找不到任何相关的东西!
我有一个CSS样式的表格,虽然我有一张桌子,我想使用不同的样式,或没有样式?有没有办法像<table style="no-style">
那样做,然后它很简单,并忽略了CSS?有没有办法从某个桌子上取下样式?
我看了,但我找不到任何相关的东西!
在CSS文件中使用表格属性的类定义。无论何时你想要它们,都可以使用类属性。
CSS
table.myClass {
...
}
HTML
<table class="myClass">...</table>
<table class="anotherTableWithAnotherClass">...</table>
CSS是级联样式表,它们只是样式元素。无法操作任何东西。您将需要使用JavaScript。
我所知道的最好的方法是使用CSS类不同的风格。并使用JavaScript来切换或删除它们。
您需要更深入地探讨CSS,你可能会专注于一件事是类。您可以创建一个“类”样式,并将其应用到特定的HTML元素(如表格),而不会影响您想要离开“纯文本”的另一个表格。
.foo {
border : 1px solid black;
}
则该类应用到你的HTML元素:
<table class="foo">
...
</table>
另一种方式来解决这个问题是选择。
不,你不能以这种方式脱掉一种风格 - CSS中没有办法说“不要在我的特定元素中应用我的任何样式”。你只能覆盖样式设置。例如,如果您的样式表中有像* { color: red }
这样的设置(仅仅是一个愚蠢的例子),您不能添加一个规则来排除特定元素,并使浏览器在其中应用其默认颜色。但是您可以设置table#foo * { color: black; }
以使id=foo
中的表格中的所有文本具有黑色。
覆盖表格中的整体样式设置的方式不是微不足道的,但肯定可行。你只需要明确你想要的风格;你不能说“使用浏览器的默认设置。”
然而,还有一种间接的方式,在一定意义上,虽然它很少是个好主意:如果你把你的表在一个单独的文件,并通过iframe
元素嵌入,然后该表将根据为嵌入式文档指定的CSS代码显示,与嵌入文档的样式表完全无关。在极端情况下,如果您没有为嵌入式文档指定CSS代码,它将按照浏览器的默认值显示(尽管在子窗口内,内嵌框架内,并且尺寸由嵌入文档设置)。
请在您的问题中包含您的CSS和HTML代码。 – JohnFx 2012-04-23 23:12:16