Почему не применяется media css правило?

Question

[Tdvist]

@media screen and (max-width: 767px) {
  .medium-screen__hidden {
    display: none;
  }
}

Стоит в конце и до него есть другой media запрос с кучей правил

@media screen and (max-width: 1410px) {}

При этом когда пишешь правило

@media screen and (min-width: 767px) {
  .medium-screen__hidden {
    display: none;
  }
}

Значит дело не в классе и не в приоритете правил

Comments

[Валерия Сергеева]

Покажите весь код проекта, на codepen или как Вам удобно. Так сложно понять, в чем именно проблема.

[Seanyr]

Посмотрите в инспекторе стили этого элемента. Скорее всего его перекрывает какое-то правило с большей специфичностью

[Ankhena]

На нужной ширине открываете инструменты разработчика, выделяете нужный блок, на вкладке Computed находите свойство display и смотрите кто перебивает ваш none.
Дальше повышаете специфичность до нужной. Или понижаете в другом месте. Этого нам уже не видно.

Альтернатива: даете ссылку на проект или выкладываете проблемный код в песочницу.

[Tdvist]

Почему вы пишите про приоритет? Я же написал, когда меняешь max на min все ок, но мне не нужен min-width.

Answer 1

[Vladislav]

Да, дело в приорите, попробуй отталкиваться от самого селектора body и в него стили вложить или используй !important на крайний случай