CSS将表重置为默认值

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.尝试,避免追加!重要到每个属性值的末尾,但这很可能胜过以前编码的内容.