Wie kann ich eine Tabellenbreite Eigenschaft in CSS außer Kraft setzen

Question

ich den folgenden Stil in einer externen CSS-Datei first.css

table { width: 100%; } 

Dies macht die Tische füllen ihre Container genannt haben. Wenn es nur zwei kleine Spalten gibt, erscheinen sie zu weit voneinander entfernt.

Um die Spalten zu zwingen zu erscheinen näher ich diesen Stil

table { width: 50%; } 

in eine neue Datei namens second.css und in die HTML-Datei verknüpft hinzugefügt haben.

Gibt es eine Möglichkeit, die Eigenschaft width in first.css zu überschreiben, ohne eine Breite in second.css angeben zu müssen?

würde ich die html benehmen sich wie als wenn es eine Eigenschaft width nie gewesen, aber ich will nicht first.css

Answer 1

Sie verwenden können, ändern:

table { width: auto; } 

in second.css, strikt machen "das html so verhalten, als ob es nie eine width property gegeben hätte". Aber ich bin mir nicht 100% sicher, dass dies genau das ist, was Sie wollen - wenn nicht, bitte klären Sie!

Answer 2

Sie könnten der Tabelle auch ein Attribut style = "width: auto" hinzufügen - auf diese Weise wird nur der HTML-Code der Seite geändert.

Answer 3

Tabelle {Breite: 50%; !! Important}

Hinzufügen wichtig zu jedem Stil macht es andere, die unabhängig davon, außer Kraft setzen, wenn es ein Element Elternteil oder Kind-Element