Is het mogelijk om een CSS bestand in een ander CSS bestand op te nemen?

Is het mogelijk om een CSS bestand in een ander CSS bestand op te nemen?

Oplossing

Ja:

@import url("base.css");

Let op:

  • De @import regel moet voorafgaan aan alle andere regels (behalve @charset).
  • Extra @import statements vereisen extra server verzoeken. Als alternatief, voeg alle CSS samen in één bestand om meerdere HTTP verzoeken te voorkomen. Bijvoorbeeld, kopieer de inhoud van base.css en special.css naar base-special.css en verwijs alleen naar base-special.css.
Commentaren (1)

De CSS @import regel doet precies dat. Bijv,

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

In sommige gevallen is het mogelijk om @import "file.css" te gebruiken, en de meeste moderne browsers zouden dit moeten ondersteunen, oudere browsers zoals NN4, zullen een beetje gek worden.

Opmerking: het import statement moet voorafgaan aan alle andere declaraties in het bestand, en test het op al je doelbrowsers voordat je het in productie gebruikt.

Commentaren (0)