Html CSS将表重置为默认等效值

我正在使用一个预先制作好的买来的模板，其中所述模板的作者以这样一种方式将东西连接在一起，有时几乎不可能以您想要的方式获得某些东西，在这种情况下，我有一个表，我正试图放在模板的某个部分中，我不需要或希望按照他们让模板执行的方式进行样式设置。然而，由于他们是如何做到这一点的，我不能只是去改变CSS来做其他事情。我试着把桌子归类为其他的东西，并按照我想要的方式设计它，但总有一些东西在某个地方被卡住了，而作者的风格在桌子的某一部分上依然存在。因此，我想到了一个想法，为什么不针对表创建一个类似重置的类，我可以首先在元素上调用这个类，然后在我希望它被样式化的类下调用它，例如：

class=“重置表格我的新样式”

因此，我正试图想出一种方法来做这件事，但我被卡住了

.reset_table, 
.reset_table table tr,
.reset_table tr td,
.reset_table table tbody,
.reset_table table thead,
.reset_table table tfoot,
.reset_table table tr th,
.reset_table table tfoot tr tf
{
    margin:0;
    padding:0;
    background:none;
    border:none;
    border-collapse:collapse;
    border-spacing:0;
    background-image:none;
}

---

现在，这似乎几乎完全奏效了，但仍有一些事情在继续。所以我希望这里有人能帮我想出一个更好的变体。因此，在试图将表重置回正常默认样式的意义上涵盖了所有基础。

这是一个旧线程，但如果这有助于其他人：

.clear-user-agent-styles table,
.clear-user-agent-styles thead,
.clear-user-agent-styles tbody,
.clear-user-agent-styles tfoot,
.clear-user-agent-styles tr,
.clear-user-agent-styles th,
.clear-user-agent-styles td {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: inherit;
    border-spacing: 0;
    border-color: inherit;
    vertical-align: inherit;
    text-align: left;
    font-weight: inherit;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
}
th, td {
    display: inline;
}

---

如果它仍然没有覆盖其他开发人员样式，请确保在它们之后有此代码，或者更具体地包括父类，或者如果需要，甚至包括ID。尝试，以避免附加！对于每个属性值的结尾都很重要，但这很可能会超过以前的编码。

尝试使用id而不是类。ID更为具体。如果我只想在一个表的实例上重置样式，那么这将是理想的，但在几页上，我需要应用一些初始作者规范之外的自定义样式，以使元素适合。但正如我所说，作者将其连接在一起，这样一来，几乎不可能对表做任何事情。除非它们符合模板设计，否则您可以使用

！重要信息

作为最后手段。你能举例说明什么是坚持吗？另一种选择是，如果可能的话，在html标记中添加一个id/类，然后用一个类来设置表格的样式。目前它出现在

table>thead>tr

或plus

>th

中，其填充/边距和背景都被卡住了。使用上面的>选择器可以重置大部分其他内容。选择器可能更具体，请尝试将您的样式更改为

。重置\u table table>table>thead>tr

，看看是否有效。@PaulBrunache-没问题！我希望语义化不必是与表格的样式之争，但这让我可以更轻松地做响应性的事情。

display:block

不适合

table

、

tr

或

td

。

也不是内联的

。请注意，当设置了

显示：块

时，

垂直对齐

被忽略。