Ich versuche, Leerraum zwischen Table1Header und Table2Header zu entfernen. Ich habe versucht, Rand: 0px, Padding: 0px und Randabstand: 0px; Stile. Firefox und Opera sagen mir, dass mein Stil für den Randabstand durch den User-Agent-Stil (der 2px ist) übersteuert wird. Wie kann ich den Browser zwingen, meine Styleshits zu verwenden?
%Vor% Die Browser sagen Ihnen nicht, dass Ihr border-spacing
Stil vom Stylesheet des Benutzeragenten überschrieben wird. Stattdessen können sie angeben, dass Vererbung nicht für stattfindet. Dies wird einfach dadurch verursacht, dass das Stylesheet einige die Eigenschaft für das Element festlegt.
Der Grund, warum Ihre Regel nicht auf das innere table
-Element angewendet wird, ist, dass es keinem Ihrer Selektoren entspricht. Der Selektor
stimmt nicht damit überein, weil ein tr
-Element niemals ein Kind von table
ist, auch wenn es so aussehen mag. Bei der HTML-Syntax gibt es ein intervenierendes tbody
-Element, auch wenn das Start- und Ende-Tag fehlt. Der folgende Selektor würde übereinstimmen:
Natürlich würde auch ein reiner table
selector den Job erledigen, vorausgesetzt, dass Sie alle table
-Elemente nach der Regel gestalten wollen.
Sie können einfach border-collapse: collapse;
oder sogar border-spacing: 0;
ist in Ordnung
Sie können das useragent-Stylesheet einfach mit einem einfachen Element-Selektor überschreiben.
Wenn Sie die Stile normalisieren möchten, sollten Sie CSS zurücksetzen
verwenden Ich komme zu Ihrem Selektor, der mir dreckig erscheint, da Sie auf die Tabelle mit class
.tableGroup
und dem table
darunter geschachtelt
Du solltest also besser
verwenden %Vor%Tags und Links html css html-table border-spacing