import в медиазапросе

[Ubhra]

Добрый день.

Подскажите пожалуйста почему вложенный в медиазапрос импорт не работает и можно ли его заставить работать?

@media screen and (min-width:360px) and (max-width:399px){
    body{
        width:360px;
    }
    header{
        display:none;
    }
    @import url("preview300.css");
    .note,.comment_block{
        width:340px;
    }
}

 

По идее это нужно что бы не писать одно и то же по нескольку раз.

Конечно можно использовать переменные:

:root{
	--preview300:;
	--preview350:;
}

Но это еще более мутно и вроде как широко не поддерживается на данный момент.

[mrnobody]

Вроде @import должен идти перед всеми блоками правил, то есть в начале css файла.

https://webref.ru/css/import (первый абзац)

Единственное ,можно так сделать, но опять же подключать в начале файла

@import url("preview300.css") (min-width: 360px) and (max-width: 399px);