Ist es möglich, eine CSS-Datei in eine andere einzubinden?
Ja:
@import url("base.css");
Anmerkung:
@import
muss allen anderen Regeln (außer @charset
) vorangestellt werden 2.@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
.Die CSS-Regel "@import" tut genau das. Z.B.,
@import url('/css/common.css');
@import url('/css/colors.css');
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.