Media queries
@media print {
.sidebar { display: none; }
a[href]::after { content: ' (' attr(href) ')'; }
}
@media screen and (max-width: 600px) {
.nav { flex-direction: column; }
}
@media (prefers-color-scheme: dark) {
:root { color-scheme: dark; }
}
В HTML:
<link rel="stylesheet" href="print.css" media="print">
Типы и особенности
screen, print, all; плюс features: width, hover, prefers-*. Для email/PDF — отдельные ограничения движков.
Итог
@media / атрибут media у link — стандартный способ точечных правил под носитель и условия.