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

Question

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

Answer 1

Ja:

@import url("base.css");

Nota:

• El @import Regel muss vorausgehen alle anderen Regeln (außer @charset ).
• 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 y special.css en base-special.css und nur als Referenz base-special.css .

Answer 2

Ja, der Import einer CSS-Datei in eine andere CSS-Datei ist möglich.

Es muss die erste Regel in der Stilvorlage sein, die die @Importregel .

@import "mystyle.css";
@import url("mystyle.css");

Der einzige Nachteil ist, dass ältere Webbrowser dies nicht unterstützen. Tatsächlich ist dies einer der CSS-"Hacks", um CSS-Stile vor älteren Browsern zu verbergen.

Siehe diese Liste für die Browserunterstützung.

Answer 3

El @import url("base.css"); funktioniert gut, aber bedenken Sie, dass jede @import Anweisung ist eine neue Anfrage an den Server. Dies mag für Sie kein Problem darstellen, aber wenn optimale Leistung erforderlich ist, sollten Sie die @import .

Answer 4

Das CSS @import Regel tut genau das. Z.B.,

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

Answer 5

Ja.

@import "your.css";

Die Regel ist dokumentiert aquí .