Заметки о вёрстке сайтов  ·  Александр Шуркаев об HTML, CSS и JavaScript (скрипты, справочники и примеры по сайтостроению)

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

1 сентября 2001 г.

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

Конструкция @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.

Хитовые статьи про разработку сайтов

Рассылка новостей и новых статей

Сообщения будут приходить пару раз в неделю, не чаще

Объявления

LiveInternet