Как работают `@media` правила?
- Условная группировка CSS правил
@media screen and (min-width: 768px) { }— экраны >= 768px- Вложенность:
@media screen { @media (min-width: 768px) { } } - Можно в HTML:
<link rel="stylesheet" href="print.css" media="print"> - Браузер загружает ВСЕ stylesheets, но не-matching получают низкий приоритет загрузки