Per importare un file CSS all'interno di un altro file CSS, è possibile utilizzare la direttiva @import.
Crea un nuovo file CSS che conterrà l'importazione. Assicurati che il nome del file abbia l'estensione .css. Ad esempio, se vuoi chiamare il tuo nuovo file style.css, crea un file con il nome style.css nel tuo editor di testo preferito.
All'interno del nuovo file CSS, inserisci l'istruzione @import seguita dal percorso del file CSS che desideri importare. Ad esempio, se il file CSS che desideri importare si trova nella stessa cartella del nuovo file CSS, la direttiva @import dovrebbe apparire come segue:
@import "filename.css";Se il file CSS che desideri importare si trova in una sottocartella, assicurati di includere il percorso completo della sottocartella. Ad esempio, se il file CSS si trova nella sottocartella css, la direttiva @import dovrebbe apparire come segue:
@import "css/filename.css";Salva il file e assicurati che il percorso dell'importazione sia corretto rispetto alla posizione del file CSS che importa.
Includi il file CSS di importazione nel tuo documento HTML utilizzando l'elemento link. Assicurati di includere l'elemento link all'interno del tag head del tuo documento HTML e di specificare il percorso del file CSS di importazione. Ad esempio:
<head>
<link rel="stylesheet" media="screen" href="style.css">
</head>
In questo esempio, il file CSS di importazione si chiama style.css e si trova nella stessa cartella del documento HTML.