@import

[Dr. B.]

Hallo allerseits!

Ich habe mir erlaubt, eine heruntergeladene Seite zu untersuchen. In einer separaten CSS-Datei (lokal.css) fand ich folgende Zeile:
@import url(../global.css);

Bedeutet dies, dass sämtliche Angaben aus ../global.css und lokal.css unabhängig vom Ausgabemedium berücksichtigt werden?

Ich kenne diese Angabe nur, um verschiedene Styles für verschiedene Ausgabemedien zu definieren.

Was ist, wenn Angaben in lokal.css denen in global.css widersprechen?

Vielen Dank schon mal!

Euer Dr. B.

[MudGuard]

Hi,

@import url(../global.css);
Bedeutet dies, dass sämtliche Angaben aus ../global.css und lokal.css unabhängig vom Ausgabemedium berücksichtigt werden?

Das hängt davon ab, für welche Medien das importierende Stylesheet definiert bzw. verlinkt ist.

Was ist, wenn Angaben in lokal.css denen in global.css widersprechen?

Dasselbe wie bei widersprüchlichen Angaben in nur einer CSS-Ressource.

cu,
Andreas

[Christoph Schnauß]

hi,

Was ist, wenn Angaben in lokal.css denen in global.css widersprechen?
Dasselbe wie bei widersprüchlichen Angaben in nur einer CSS-Ressource.

Und was passiert da?

Ich finde, die Frage hat eine etwas genauere Antwort verdient  -  allerdings vermag ich sie im Moment nicht zu geben, ich müßte erst bissel auf den bekannten Informationsseiten herumkrabbeln und nachlesen. Probiert habe ich es noch nie, "widersprüchliche Angaben" in eine einzige CSS zu packen. Das einzige, das mir bekannt ist, ohne daß ich nachlesen muß: wenn ich per
  <link rel="stylesheet" type="text/css" href="style.css">
eine externe CSS übernehme, kann ich die mit
  <style type="text/css">
  ... [style-Festlegung]
  </style>
für die gerade aufgerufene HTML-Seite "überschreiben".

Grüße aus Berlin

Christoph S.

[MudGuard]

Hi,

Was ist, wenn Angaben in lokal.css denen in global.css widersprechen?
Dasselbe wie bei widersprüchlichen Angaben in nur einer CSS-Ressource.
Und was passiert da?

Die Angabe bei einem Selektor mit höherer Specificity gewinnt.
Haben die Selektoren dieselbe Specificity, gewinnt die zuletzt notierte Angabe.

cu,
Andreas

[Ingo Turski]

Hi,

In einer separaten CSS-Datei (lokal.css) fand ich folgende Zeile:
@import url(../global.css);

ein möglicher Grund könnte sein, diese Angaben nur modernen Browsern zur Verfügung zu stellen, wie dies häufiger über @import in Style-Bereichen gemacht wird.

freundliche Grüße
Ingo