Как использовать атрибут media в link?

Question

[Игорь Мясников]

Добрый день.
Есть ли польза в подключение стилей таким образом при mobile-first верстке?

<link rel="stylesheet" href="./styles/main.min.css">
<link href="./styles/mobile-xs.css" rel="stylesheet" media="screen and (min-width: 425px)">
<link href="./styles/mobile-sm.css" rel="stylesheet" media="screen and (min-width: 576px)">
<link href="./styles/mobile-md.css" rel="stylesheet" media="screen and (min-width: 768px)">
<link href="./styles/mobile-lg.css" rel="stylesheet" media="screen and (min-width: 992px)">
<link href="./styles/mobile-xl.css" rel="stylesheet" media="screen and (min-width: 1366px)">

По идеи на разрешении меньшем 425px будет загружаться только один файл?

Comments

[Владислав Лысков]

ты где такой способ подключения нашёл?

[Владислав Лысков]

короче, максимум что произойдёт, подключаться все стили, по-другому не работает, и работать не может

Answer 1

[Егор Антропов]

На сколько мне известно, все стили подключатся в любом случае.
То есть, ответ - нет.

Answer 2

[Сергей Щучкин]

Насколько я понял: подключатся все стили, но лишние не будут блокировать отрисовку пока грузятся.