CSS Zresetuj tabelę do domyślnego odpowiednika

Question

Ok, pracuję z gotowym szablonem, gdzie autor wspomnianego szablonu łączy rzeczy w taki sposób, że czasami niemożliwe jest uzyskanie czegoś tak, jak chcesz, w w tym przypadku mam tabelę, próbuję umieścić w sekcji szablonu, że nie potrzebuję lub nie chcę stylizowany sposób, w jaki facet ma szablon zrobić. Jednak przyczyna tego, jak to zrobił, nie mogę po prostu zmienić kodu CSS, aby zrobić coś innego. Próbowałem klasyfikować stolik jako coś innego i stylizować go tak, jak chcę, ale jest tam coś, co zawsze udaje się złapać gdzieś i styl autorów utrzymuje się na jednym kawałku lub innym stole. Więc z tym wpadłem na pomysł, dlaczego nie zrobić reset jak klasy określonej w tabelach, które mogę nazwać tę klasę w pierwszy na elemencie, a następnie klasy I ma to być stylizowany pod np

class="reset_table mynew_style"

Próbuję wymyślić sposób na zrobienie tego, ale utknę.

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

Teraz wydaje się, że działa prawie całkowicie, tam jeszcze niektóre rzeczy trwają. Mam więc nadzieję, że ktoś tutaj może mi pomóc wymyślić lepszą odmianę tego. Wszystkie podstawy są objęte próbą przywrócenia normalnego domyślnego stylu tabeli.

Answer 1

To stary wątek, ale w przypadku to pomaga ktoś inny:

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

Jeśli nadal nie nadrzędnymi inne style dev, upewnij się, że ten kod po nich, lub dokładniej poprzez uwzględnienie klasa nadrzędna, a nawet ID, jeśli musisz. Spróbuj, aby uniknąć dołączenia ! Important do końca wartości każdej właściwości, ale to prawdopodobnie najprawdopodobniej przebije to, co zostało wcześniej zakodowane.