Можно ли включить один файл CSS в другой?
Это должно быть первое правило в таблице стилей, использующее правило @import .
Единственное предостережение в том, что старые веб-браузеры не будут его поддерживать. Фактически, это один из способов «хакать» CSS, чтобы скрыть стили CSS от старых браузеров.
Обратитесь к этому списку для поддержки браузера.
@import url("base.css"); Штраф , но медведь работает в виду , что каждое @import утверждение новый запрос к серверу. Это не может быть проблемой для вас, но когда требуется оптимальная производительность, вам следует избегать @import .
@import Правило CSS делает именно это. Например,
В некоторых случаях это возможно при использовании @import "file.css", и большинство современных браузеров должны это поддерживать, более старые браузеры, такие как NN4, будут слегка чокнутыми.
Примечание. Оператор импорта должен предшествовать всем остальным объявлениям в файле и проверять его во всех целевых браузерах, прежде чем использовать его в рабочей среде.
Да, используйте @import
да, это возможно, используя @import и указав путь к CSS-файлу, например
Это лучший способ включить таблицу стилей CSS в таблицу стилей CSS, используя css.
Правило "@import" может вызывать несколько файлов стилей. Эти файлы вызываются браузером или агентом пользователя при необходимости, например, HTML-теги вызывают CSS.
Файл CSS "main.css" содержит следующий синтаксис:
Для вставки в элемент стиля используйте createTexNode, не используйте innerHTML, но:
В отличие от лучшего ответа, при использовании HTTP / 2.0 не рекомендуется объединять все CSS-файлы в один блок.
Импорт бутстрапа с альтервиста и вордпресса
Я использую это для импорта bootstrap.css в altervista с WordPress
и он работает нормально, так как он удалил бы код ссылки HTML, если я поместил его на страницу
Да, вы можете легко импортировать один CSS в другой (в любом месте на веб-сайте). Вы должны использовать как:
По какой-то причине @import не работает для меня, но в этом нет необходимости, не так ли?
CSS: Подключение файла через @IMPORT или LINK
Для подключения файла стилей CSS можно воспользоваться несколькими способами. Кто-то предпочитает использовать вставку через LINK а кто-то любит @IMPORT . Как же понять — какой способ использовать предпочтительнее всего? Ответ на этот вопрос нам даст Google (думаю, ему можно доверять в этом плане). Корпорация добра дает следующие характеристики описанных выше методов.
Итак, для подключения файла стилей у нас есть 2 способа:
Или же внутри самого файла стилей через директиву @import
Первый способ лучше для скорости загрузки и оптимизации сайта, так как в этом случае работает параллельная загрузка файлов.
Во втором же случае подключения через @import , пока данный файл стилей не будет полностью загружен, браузер не может выполнять более быструю параллельную загрузку.
Если у вас несколько файлов стилей, самый лучший вариант объединить их все в один и пройтись компактером, который убьет все пробелы, последние закрывающие точка-запятые и переносы строк.
Правило @import
Правило @import позволяет импортировать внешние таблицы стилей. Ключевое слово « @import » указывает URI-адрес таблицы стилей, которую необходимо подключить.
Так же после URI, через запятую можно указать типы устройств, которые могут импортировать указанные таблицы (например, @import url("style.css") tv; , @import url("style.css") projection, tv; ). При этом необходимо помнить, что при отсутствии каких-либо указанных типов устройств, свойства импортируются не зависимо от типа устройства. Данная функция важна тем, что позволяет разработчикам адаптировать дизайн документа под различные медиа .
Примечание
При импортировании валидной таблицы стилей в основную таблицу стилей веб-браузер должен обрабатывать содержимое основной таблицы стилей так, как если бы импортируемые стили были написаны в месте написания правила « @import ».
Условия использования
Правила « @import » должны предшествовать всем остальным правилам и стилям (за исключением правила « @charset », если таковое присутствует), в противном случае « @import » будет являться недействительными.