display: block --> aufheben

[Thomas]

In meienr CSS Datei habe ich verschiedene Werte für TD hinterlegt.

Nun möchte ich meine CSS Datei responsive anpassen.

So habe ich nun bei td

td{
display:block  !important;
width:100% !important;
}

so das ab einer bestimmten grösse, alle td untereinander erscheinen. Doch nun habe ich eine Tabelle die ich diesem Vorgang nicht unterziehen möchte, bei dem alles gleich bleiben soll.

Wie kann ich für diese, das display:block unterbinden.

Gibt es so was wie display: NORMAL ????

[Sinkletzer]

td{ display:block !important; width:100% !important; }

Wie kann ich für diese, das display:block unterbinden.

Gibt es so was wie display: NORMAL ????

http://www.w3.org/TR/REC-CSS2/visuren.html#display-prop

[Gunnar Bittersmann]

@@Thomas

So habe ich nun bei td

td{ display:block !important; width:100% !important; }

Wieso !important? Das ist gar keine gute Idee. Besonders nicht, wenn du das wieder überschreiben willst.

Wie kann ich für diese, das display:block unterbinden.

Gibt es so was wie display: NORMAL ????

Der Editor’s Draft sieht display: unset vor, allerdings werden damit nicht Angaben im Autoren-Stylesheet ungeschehen gemacht, sodass der Wert aus dem Browser-Stylesheet gelten würde; sondern (da display nicht vererbt wird) wird es auf den Wert initial gesetzt, was in diesem Fall inline bedeutet.

Zukünftig soll es auch ein Schlüsselwort geben, welches das hier Gewünschte bewirkt. [tabatkins, fantasai]

Bis dahin bleibt nur

• entweder den gesetzten Wert überschreiben, und zwar mit dem für td richtigen, also table-cell

• oder den Wert für die Zellen dieser Tabelle (bspw. ID "thisTable") gar nicht erst setzen, sondern nur für alle anderen:
  table:not(#thisTable) td { display: block }

LLAP 🖖

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Zukünftig soll es auch ein Schlüsselwort geben, welches das hier Gewünschte bewirkt.

CSS Cascading and Inheritance Level 4 [fantasai]

LLAP 🖖