13

我正在使用预先制作的购买模板,其中所述模板的作者以这样一种方式将事物连接在一起,有时几乎不可能以您想要的方式获得某些东西,在这种情况下,我有一张我想放的桌子在模板的一部分中,我不需要或不希望按照他们让模板执行的方式设置样式。然而,由于他们是如何做到的,我不能仅仅改变 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;
}

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

4

1 回答 1

19

It's an old thread, but in case this is helps someone else:

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

If it's still not overriding other dev styles, make sure you have this code after theirs, or be more specific by including the parent class, or even ID if you need to. Try, to avoid appending !important to the end of each property's value, but that would mostly likely trump what was coded previously.

于 2015-01-08T23:10:03.150 回答