Импортирование внешнего списка стилей
Импортирование внешнего каскадного списка стилей напоминает связывание, которое было рассмотрено в предыдущем разделе. Разница заключается в том, что импортирование можно совмещать с другими методами, в то время как связывание может использоваться только само по себе. Например, несмотря на то, что заголовок Web-страницы в предыдущем примере может содержать несколько дескрипторов <link> (для связывания с несколькими файлами каскадных списков стилей), он не может содержать внедренные правила. Как видно из следующего примера, заголовок Web-страницы содержит не только оператор import, но и внедренные правила списка стилей для заголовков уровня 2 и основного текста страницы:
<head>
<title>Импортированный каскадный список стилей (CSS) </title>
<style type="text/css">
@importurl (styles.css);
h2 {color:purple; font-size:30px; font-family:helvetica}
body {color:black}
—->
</style>
</head>
В приведенном примере оператор @import указывает Web-браузеру использовать правила списка стилей, извлекаемые из файла style.css. Кроме того, добавляются внедренные правила, которые описаны под оператором @import. (Если заголовок страницы содержит и оператор @ import, и внедренные правила, оператор @import должен находиться перед внедренными правилами каскадного списка стилей.) Если импортированные и внедренные правила списков стилей конфликтуют между собой, применяются внедренные правила. Например, файл style.css из приведенного выше примера включает следующее правило:
body {background:#ADD8E6; color:maroon}
В этом случае внедренное правило для элемента body заменяет объявление цвета текста и Web-браузер выведет на экран текст черного цвета, а не красно-коричневого.
В отличие от связанных внешних файлов каскадных списков стилей, которые браузер может загружать или не загружать на основании значений атрибутов type или media дескриптора <link>, Web-браузер должен загружать все импортируемые файлы списков стилей. Тем не менее, оператор @import может использоваться для импорта одновременно нескольких файлов списков стилей и заменять их правила правилами, внедренными в заголовок Web-страницы.