Ist es möglich, eine CSS-Datei in eine andere einzubinden?

Ist es möglich, eine CSS-Datei in eine andere einzubinden?

Lösung

Ja:

@import url("base.css");

Anmerkung:

  • Die Regel @import muss allen anderen Regeln (außer @charset) vorangestellt werden 2.
  • Zusätzliche @import-Anweisungen erfordern zusätzliche Serveranfragen. Als Alternative können Sie alle CSS in einer Datei zusammenfassen, um mehrere HTTP-Anfragen zu vermeiden. Kopieren Sie zum Beispiel den Inhalt von base.css und special.css in base-special.css und verweisen Sie nur auf base-special.css.
Kommentare (1)

Die CSS-Regel "@import" tut genau das. Z.B.,

@import url('/css/common.css');
@import url('/css/colors.css');
Kommentare (1)

In einigen Fällen ist es möglich, @import "file.css" zu verwenden, und die meisten modernen Browser sollten dies unterstützen, ältere Browser wie NN4 werden leicht verrückt.

Hinweis: Die Import-Anweisung muss vor allen anderen Deklarationen in der Datei stehen, und testen Sie sie auf allen Zielbrowsern, bevor Sie sie in der Produktion verwenden.

Kommentare (0)