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

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

752
задан 17.04.2020, 05:53

7 ответов

Да:

@import url("base.css");

Примечание:

  • Эти @import правило должно предшествовать все другие правила (кроме эти @charset правило); и
  • операторы Additional @import требуют дополнительных запросов к серверу.

Совокупный CSS в один файл для предотвращения нескольких Запросов HTTP. Таким образом, скопируйте содержание base.css и special.css в base-special.css и ссылка [только 117]).

В 2008, не все браузеры поддерживали @import (см. Совместимость браузера ).

1047
ответ дан 17.04.2020, 05:59
  • 1
    Спасибо за Болтливость ответа. – Ryan Reeves 07.10.2019, 09:21
  • 2
    Ха, всегда имеет @import присутствовавший в CSS? Я думал там wasn' t способ сделать это. – DGentry 17.04.2020, 05:59
  • 3
    Да, @import был там с начала на: w3.org/TR/REC-CSS1.html#the-cascade – Rene Saarsoo 17.04.2020, 05:59
  • 4
    Импорт файла SCSS в другого в проекте направляющих: @import " основа css.scss"; – cider 17.04.2020, 06:00
  • 5
    URL относительно пути файла, в который Вы включаете его. Таким образом, файлы в той же папке просто включены без любого пути. – Matthew Wilcoxson 17.04.2020, 06:00

Да.

@import "your.css";

правило документируется здесь .

16
ответ дан 17.04.2020, 05:54

Эти @import url("base.css"); хорошо работает, но примите во внимание, что каждый @import оператор является новым запросом к серверу. Это не могло бы быть проблемой для Вас, но когда оптимальная производительность требуется, необходимо избежать @import.

42
ответ дан 17.04.2020, 05:58

Да. Импорт файла CSS в другой файл CSS возможен.

Это должно быть первое правило в таблице стилей с помощью @import правило .

@import "mystyle.css";
@import url("mystyle.css");

, которым единственный протест состоит в том, что более старые веб-браузеры не будут поддерживать его. На самом деле это - один из CSS 'взлом' для сокрытия стилей CSS от более старых браузеров.

Относятся к этот список для поддержки браузера.

140
ответ дан 17.04.2020, 05:58

Да, используйте подробную информацию @import

, легко погуглил для, хороший в http://webdesign.about.com/od/beginningcss/f/css_import_link.htm

8
ответ дан 17.04.2020, 06:01

В некоторых случаях это - возможное использование @import "file.css", и самые современные браузеры должны поддерживать, это, более старые браузеры, такие как NN4, немного сойдет с ума.

Примечание: оператор импорта должен предшествовать всем другим объявлениям в файле и протестировать его на всех Ваших целевых браузерах перед использованием его в производстве.

11
ответ дан 17.04.2020, 06:02

Правило CSS @import делает просто это. Например,

@import url('/css/common.css');
@import url('/css/colors.css');
26
ответ дан 17.04.2020, 06:03

Теги

Похожие вопросы