Question

我有一个css文件可以调整我的表格样式，虽然我有一个表格，我想使用不同的样式，或者没有样式？有没有办法可以做<table style="no-style">这样的事情然后它很明显而忽略了CSS？

我看了但是找不到任何相关内容！

Answer 1

在CSS文件中使用表属性的类定义。无论何时需要它们，都可以使用class属性。

CSS

table.myClass {
...
}

HTML

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

Answer 2

CSS是级联样式表，它们只是样式元素。无法操纵任何东西。您需要使用JavaScript。

我知道的最好的方法是使用 CSS类来表示不同的样式。并使用javascript切换或删除它们。

Answer 3

您需要更深入地探索CSS，您可能关注的一件事是类。您可以创建一个样式的“类”，并将其应用于特定的HTML元素（如表），而不会影响另一个要保持“普通”的表。

.foo {
    border : 1px solid black;
}

然后将该类应用于HTML元素：

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

解决问题的另一种方法是使用选择器。

Answer 4

不，你不能以这种方式取消一种风格 - 在CSS中没有办法说“不要在我的特定元素中应用任何样式。”你只能覆盖样式设置。例如，如果样式表中有* { color: red }这样的设置（只是一个愚蠢的例子），则无法添加排除特定元素的规则并使浏览器在其中应用其默认颜色。但是，您可以设置table#foo * { color: black; }以使id=foo的表格中的所有文字都为黑色。

覆盖表格中的整体样式设置并不是一件容易的事，但肯定是可能的。你只需要明确你想要的风格;你不能说“使用浏览器默认值。”

然而，在某种意义上，这是一种间接的方式，虽然它很少是一个好主意：如果您将表放在单独的文档中并通过iframe元素嵌入它，那么表格将根据为嵌入文档指定的CSS代码，完全独立于嵌入文档的样式表。在极端情况下，如果您没有为嵌入文档指定CSS代码，它将按照浏览器默认值显示（尽管在子窗口内，内嵌框架，其中维度由嵌入文档设置）。

有没有办法摆脱某个桌子的风格？

4 个答案: