Importar folhas de estilo externas

Tipo assim:

Ao invés de eu fazer algo desse tipo:

<link rel="stylesheet" href="../css/principal.css" type="text/css"><link rel="stylesheet" href="../css/tables.css" type="text/css"><link rel="stylesheet" href="../css/fonts.css" type="text/css"><link rel="stylesheet" href="../css/cores.css" type="text/css">Chamar apenas um deles que seria o "principal.css" e dentro do deste, fazer com que ele chame os demais.

Tentei usar aquele "@import" mas acho que não serve muito pra isso, porque nem deu certo. :(

Tem como fazer isso ?

Valeu!