@import — панацея от багов

Конструкция @import (css import) аналогична тегу link и позволяет связать HTML документ с таблицей стилей. Но есть один нюанс — Netscape Navigator 4 эту конструкцию не поддерживает.

Мы можем использовать этот факт и связывать с помощью @import те стили, которые Netscape Navigator 4 не переваривает. Например:

@import url(netscape4sux.css);
body {color:red}

Данный способ также избавит вас от проблем с Internet Explorer 3, который тоже не воспринимает @import. Это очень даже хорошо, так как этот браузер поддерживает CSS ещё хуже, чем Netscape Navigator 4 (хотя надо признать, что осталось очень мало людей, использующих Internet Explorer 3).

NB: Учтите, что конструкция @import должна быть первой в таблице стилей. В противном случае, многие браузеры её просто проигнорируют.

P. S. При использовании CSS import надо также учесть, что если до неё не было загружено ни одного js-файла и ни одного CSS-файла через link rel, то в IE может быть неприятность — FOUC.