un contexto de uso de @import sería por ejemplo:
Código:
/* archivo.css */
@import "general.css";
@import "fonts.css";
@import "tables.css";
Código:
<!-- archivo.html --->
<link href="archivo.css" rel="stylesheet" type="text/css" />
Esto es muy útil en un ambiente de "desarrollo" especialmente si trabajas con css dinámico, es decir, importas todos tus archivos (
.sass,
.less) y lo compactas en un solo archivo .css que luego incluyes con <link/>
Nunca supe bien porque se desaconseja usar @import en entornos de "producción", ojalá algún usuario pueda aclararme este tema.