Existe uma maneira de ter um arquivo HTML usando uma folha de estilo diferente com base nas propriedades de mídia? Eu sei que olink O método usa um tipo de mídia, mas todas as referências que eu localizo indicam apenas o tipo de mídia, não uma consulta estendida. Eu também não tenho certeza de como isso garantiria que apenas um seja selecionado e qual deles.

Basicamente no meu arquivo CSS atual eu tenho uma seção de mídia como esta (simplificada apenas para referência):

@media (min-device-pixel-ratio: 1.5) {
  specific-media-rules
}

O que eu gostaria é que em vez de ter esta seção e uma seção muito semelhante para outras mídias é para servir dois arquivos distintos.