Diferentes archivos CSS para diferentes consultas de medios.

¿Hay alguna manera de que un archivo HTML use una hoja de estilo diferente según las propiedades de los medios? Sé que ellink El método toma un tipo de medio, pero todas las referencias que encuentro solo indican el tipo de medio, no una consulta extendida. Tampoco estoy seguro de cómo garantizaría que solo se seleccionara uno y cuál.

Básicamente, en mi archivo CSS actual tengo una sección de medios como esta (simplificada solo como referencia):

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

Lo que me gustaría es que en lugar de tener esta sección y una sección muy similar para otros medios, sirva dos archivos distintos.

Respuestas a la pregunta(1)

Su respuesta a la pregunta