È possibile includere un file CSS in un altro?

È possibile includere un file CSS in un altro?

Soluzione

Sì:

@import url("base.css");

Nota:

  • La regola @import deve precedere tutte le altre regole (eccetto @charset).
  • Dichiarazioni aggiuntive di @import richiedono ulteriori richieste al server. In alternativa, concatena tutti i CSS in un file per evitare richieste HTTP multiple. Per esempio, copia i contenuti di base.css e special.css in base-special.css e fai riferimento solo a base-special.css.
Commentari (1)

La regola CSS @import fa proprio questo. Per esempio,

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

In alcuni casi è possibile usare @import "file.css", e la maggior parte dei browser moderni dovrebbe supportarlo, i browser più vecchi come NN4, andranno leggermente fuori di testa.

Nota: la dichiarazione di importazione deve precedere tutte le altre dichiarazioni nel file, e testalo su tutti i tuoi browser di destinazione prima di usarlo in produzione.

Commentari (0)