css - 有没有办法从某张桌子上取下风格？

Question

我有一个 CSS 文件来设置我的表格样式，尽管我有一个表格我想使用不同的样式，或者没有样式？有没有办法我可以做类似的事情<table style="no-style">然后它很简单并且忽略CSS？

我看过但我找不到任何相关的东西！

Answer 1

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

CSS

table.myClass {
...
}

HTML

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

Answer 2

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

以这种方式覆盖表格内的整体样式设置并非易事，但肯定是可能的。你只需要明确你想要的风格；你不能说“使用浏览器默认设置”。</p>

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

Answer 3

CSS 是级联样式表，它们只为元素设置样式。不能操纵任何东西。您将需要使用 JavaScript。

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

Answer 4

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

.foo {
    border : 1px solid black;
}

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

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

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