CSS Ripristina tabella all'equivalente predefinito

Ok, sto lavorando con un modello acquistato pre-creato, in cui l'autore di tale modello ha collegato le cose insieme in modo tale che quasi impossibile a volte ottenere qualcosa nel modo desiderato, in In questo caso ho un tavolo che sto provando a inserire in una sezione del modello, che non ho bisogno o che non voglio in stile come fa il modello. Tuttavia, a causa di come l'ha fatto, non posso semplicemente alterare il CSS per fare qualcos'altro. Ho provato a classificare il tavolo come qualcos'altro e a modellarlo nel modo che voglio, ma c'è qualcosa che riesce sempre a rimanere impigliato da qualche parte e lo stile dell'autore persiste su un pezzo o sull'altro del tavolo. Quindi, con questo mi è venuta l'idea, perché non fare un reset come classe specifica di tabelle che posso chiamare questa classe in prima sull'elemento, allora la classe voglio che essere in stile sotto ad esempio:CSS Ripristina tabella all'equivalente predefinito

class="reset_table mynew_style"

Quindi sto cercando di trovare un modo per farlo, ma mi sto bloccando.

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

Ora questo sembra funzionare quasi completamente, ci sono ancora alcune cose che persistono. Quindi spero che qualcuno qui possa aiutarmi a trovare una variante migliore di questo. Quindi tutte le basi sono coperte nel senso di provare a ripristinare un normale stile di default della tabella.

fonte

2012-10-25 chris

Provare a utilizzare un ID anziché una classe. gli ID sono più specifici. – Jrod

Sarebbe l'ideale, se ci fosse solo una singola istanza di un tavolo su cui vorrei reimpostare lo stile, ma su un paio di pagine, ci sono molti multipli in cui ho bisogno di applicare alcuni degli stili originali degli autori iniziali per rendere gli elementi adatti Ma come ho detto l'autore l'ha cablato insieme in modo tale che è quasi impossibile fare qualsiasi cosa con i tavoli. A meno che non si intenda conformarsi al design dei modelli – chris

È possibile utilizzare '! Important' come ultima risorsa. Puoi dare alcuni esempi di ciò che è persistente? Un'altra alternativa sarebbe aggiungere un id/class al tag html, se possibile, e poi dare uno stile alle tabelle da lì con una classe. – Jrod

E 'un vecchio thread, ma nel caso in cui questo è aiuta a qualcun altro:

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

Se ancora non ignorando altri stili dev, assicuratevi di avere il codice dopo il loro, o essere più preciso includendo la classe genitore, o anche ID se è necessario. Prova, per evitare di aggiungere ! Importante alla fine del valore di ogni proprietà, ma questo probabilmente rimprovererebbe probabilmente ciò che è stato precedentemente codificato.

fonte

2015-01-08 23:10:03

fantastico! grazie uomo –

@PaulBrunache - Nessun problema! Vorrei essere semantico non dover essere una battaglia di stile con i tavoli, ma questo mi ha permesso di fare cose più reattive con più facilità. –

CSS Ripristina tabella all'equivalente predefinito

risposta

Problemi correlati