Jag skulle rekommendera att inte använda @import, så vida du inte är medveten om exakt varför du använder det.
Import har nämligen vacklande browser-stöd bland äldre webbläsare:
http://w3development.de/css/hide_css...owsers/import/
http://centricle.com/ref/css/filters/
Nu är i o f dessa webbläsare av rätt låg prioritet, och frågan är väl om de överhuvudtaget stödjer den nivån av CSS som lär förekomma. Ifall man nu vill dölja CSS för äldre webbläsare med @import så rekommendar jag en struktur i stil med denna i head-elementet. Observera att jag använder HTML, och inte XHTML, så du får lägga till enkelavslut på alla link-element.
Kod:
<link rel="stylesheet" type="text/css" media="all" href="assets/css/basic.css">
<link rel="stylesheet" type="text/css" media="print" href="_css/print.css">
<style media="screen, projection" type="text/css">@import url("assets/css/advanced.css");</style>
Enda problemet efter det här är att attributet media kan ställa till ännu värre problem, så hoppa över det i annat fall <_<. På ett eller annat sätt bör du dock skicka med vilken media-typ det gäller.