Question

我正在使用一个预制的购买模板，其中所述模板的作者以这样的方式将事物连接在一起，其中有时无法按照您想要的方式获得某些东西，在这种情况下我有一张桌子我是试图插入模板的一部分，我不需要或想要按照模板的方式进行设计。然而，由于他们如何做到这一点，我不能只是改变CSS做其他事情。我已经尝试将表格分类为其他东西，并按照我想要的方式设置它，但是有些东西总是设法在某个地方被抓住，而作者的风格仍然存在于表格的一个或另一个上面。因此，我想出了这个想法，为什么不重置类似于特定于表的类，我可以先在元素上调用这个类，然后我想让它在类似的样式下进行样式化：

class="reset_table mynew_style"

所以我试图找到一种方法，但是我遇到了困难。

.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;
}

现在这似乎几乎完全有效，但仍有一些事情持续存在。所以我希望有人可以帮我提出一个更好的变化。因此，在尝试将表重置为正常默认样式的意义上涵盖了所有基础。

Answer 1

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

.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。尽量避免将！important 附加到每个属性值的末尾，但这很可能胜过之前编码的内容。

CSS将表重置为默认值

1 个答案: