Можно ли включить один файл CSS в другой?

Question

Можно ли включить один файл CSS в другой?

Answer 1

@import url('style.css');

В отличие от лучшего ответа, при использовании HTTP / 2.0

не рекомендуется объединять все CSS-файлы в один блок.

Answer 2

Да Вы можете легко импортировать один CSS в другой (в любом месте на сайте) Вы должны использовать как:

@import url("url_path");

Answer 3

По какой-то причине @import у меня не работал, но в этом нет необходимости, не так ли?

Вот что я сделал вместо этого в html:

  <link rel="stylesheet" media="print" href="myap-print.css">
  <link rel="stylesheet" media="print" href="myap-screen.css">
  <link rel="stylesheet" media="screen" href="myap-screen.css">

Обратите внимание, что media = "print" имеет 2 таблицы стилей: myap-print.css и myap-screen.css. Это тот же эффект, что и включение myap-screen.css в myap-print.css.

Answer 4

Импорт начальной загрузки с альтервиста и WordPress

Я использую это для импорта bootstrap.css в altervista с WordPress

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");

и он работает нормально, так как он удалил бы код ссылки html, если бы я поместил его на страницу

Answer 5

Я создал файл main.css и включил в него все файлы CSS.

Мы можем включить только один файл main.css

@import url('style.css');
@import url('platforms.css');

Answer 6

пойте правило CSS @import здесь

@import url('/css/header.css') screen;
@import url('/css/content.css') screen;
@import url('/css/sidebar.css') screen;
@import url('/css/print.css') print;

Answer 7

Я наткнулся на это, и я просто хотел сказать, ПОЖАЛУЙСТА, НЕ ИСПОЛЬЗУЙТЕ @IMPORT В CSS !!!! Оператор импорта отправляется клиенту, и клиент выполняет другой запрос. Если вы хотите разделить ваш CSS между различными файлами, используйте Less. В «Меньше» оператор импорта выполняется на сервере, а выходные данные кэшируются и не создают ухудшения производительности, заставляя клиента устанавливать другое соединение. Sass - это еще один вариант, который я не исследовал. Честно говоря, если вы не используете Less или Sass, вам следует начать. http://willseitz -code.blogspot.com / 2013/01 / с использованием менее в управлении-CSS-files.html