Запрашивает ли медиа-запрос не медиа-запрос?

Question

Если я использую следующее, мне нужно явно указать медиа-запрос выше 450 пикселей?

//target above 450px 
.classA {color:#fff;} 
#elementB {display:block;} 

//target 450px and below 
@media (max-width:450px){ 
.classA {color:#000;} 
#elementB {display:none;} 
} 

Считается ли это хорошей практикой?

Answer 1

Чтобы ответить на ваш первый вопрос первым: Нет, вам не нужно конкретно указывать медиа-запрос для таргетинга above 450px. То, как вы его настроили сейчас, просто будет использовать все, что вне медиа-запроса, на каждой ширине, и использовать только то, что находится внутри медиа-запроса, если ширина равна 450px и ниже, это прекрасно, так как выглядит так: результат вы после.

Отвечая на ваш второй вопрос, я на самом деле не использовал мультимедийные запросы, поэтому не принимайте то, что я называю «хорошей практикой», но смотрю на ваш фрагмент CSS. Я думаю, что единственная причина, по которой он сейчас работает, - это то, что вы разместили медиа-запрос и классы внутри него после «обычные классы» в таблице стилей. Если вы обернули это (позиционирование «обычных классов» после классов внутри медиа-запроса), я считаю, что ваши «обычные классы» будут всегда перезаписывать медиа-запрос, если только вы не вставляете их в свой собственный таргетинг на медийные запросы ширина above 450px.