Возможно ли встраивать 2 или более таблиц стилей в один тег ссылки?

Question

Веб-разработчики должны использовать тег <link> для встраивания таблицы стилей CSS в веб-страницу. Иногда при управлении стилями разработчики разбивают свой код стиля на несколько таблиц стилей, чтобы добиться максимального повторного использования и эффективности кода.

Однако файл html или даже файл css должны по возможности уменьшить его размер. небольшие файлы быстро загружаются на пользовательские устройства. При связывании нескольких таблиц стилей многие учебные пособия показывают этот путь.

<link rel="stylesheet" href="stylesheet1.css">
<link rel="stylesheet" href="stylesheet2.css">
<link rel="stylesheet" href="stylesheet3.css">

Но размер файла html может быть уменьшен, если все 3 таблицы стилей можно встроить с помощью одного тега ссылки, подобного этому.

<link rel="stylesheet" href="stylesheet1.css stylesheet2.css stylesheet3.css">

Возможно ли это? Поддерживают ли браузеры встраивание нескольких таблиц стилей в один тег ссылки?

Answer 1

Нет, Вы не можете Невозможно добавить две или более таблиц стилей с одним тегом ссылки. Подробнее о теге ссылки https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link

Answer 2

Краткий ответ: Нет. Потому что href атрибут тега link должен быть строкой URL, чтобы вы не могли ссылаться на несколько URL.

Но этот вид оптимизации может иметь место в вашей построить систему. В этих конвейерах сборки у вас может быть несколько файлов css или js в вашей среде разработки, но в производстве у вас может быть только один оптимизированный (кусочный или уменьшенный) файл для каждого.

Извлечение Посылка в качестве удобного для новичка комплекта веб-приложений

Также для дополнительных опций вы можете использовать https://gulpjs.com или https://webpack.js.org

Answer 3

Нет, невозможно включить несколько файлов в тег one <link>.

В вашем CSS -файле вы можете последовательно соединить их в другой файл, используя @import.

Допустим, у вас есть эти файлы:

style.css
table.css
button.css

Затем вы можете в style.css сделать:

<!-- Including one css file into other -->
@import "table.css";
@import "button.css"; 

И в HTML импортировать их все так:

<link rel="stylesheet" href="style.css" /> 

Однако вы можете использовать популярные и мощные инструменты связывания, такие как Webpack , который объединит ваши Javascript и CSS файлы.

Answer 4

нет, это невозможно, если вы это сделаете, вы получите ошибку ссылки, которую вы можете увидеть на вкладке сети в chrome chrome снимок экрана

Answer 5

Нет, невозможно добавить две или более таблиц стилей с одним тегом ссылки.

Answer 6

Я думаю, что невозможно определить более одного файла в одном атрибуте "href". Кроме того, для каждого «href» есть свое собственное отношение, определенное в атрибуте «rel».

Подробнее об атрибутах ссылки можно прочитать по следующей ссылке: https://www.w3schools.com/jsref/dom_obj_link.asp