Почему медиа-запросы срабатывают раньше чем стиле выше?

Question

[Korifa]

Получается стили выше переопределяют свойства а не наоборот, как исправить, подскажите пожалуйста

Comments

[leni_m]

написано же style.css:314 - что значит строка 314, а соответственно скорее всего он ниже. Просто в браузере отображаются стили в другом порядке( в порядке их применения )

Answer 1

[Magnus Keef]

Посмотрите пример
у вас стоит min-width: 650px то есть пока ширина экрана больше 650рх будут выполняться стили из медиа запорса, как только ширина 649рх и меньше, будут выполняться стили выше(в примере блок станет зелёным)

Comments

[Korifa]

так он и выполняется, проблема в том, что он выполняется раньше остальных стилей, в таблице сначала идут общие стили потом медиа запрос в конце, и когда ширина становится 650 медиа-запрос срабатывает первым, а после него все остальные стили

[Magnus Keef]

Korifa, А что вы хотите сделать, какую цель преследуете, можете описать?
"Почему медиа-запросы срабатывают раньше чем стиле выше?"
Медиа запросы срабатывают тогда, когда вы им скажите))

Если вы напишите max-width: 650px то стили в этом медиа запросе сработают, когда экран будет меньше/равен 650 рх. Соответственно стили которые были вне медиа запроса в этот момент перезапишутся стилями медиа запроса.

А если min-width: 650рх то стили медиа запроса перезапишут стили, которые вне этого медиа запроса, если ширина экрана 650px и более

[leni_m]

Korifa,
поподробнее какие стили, какие строки. Из вашего скрина видно только один right: 0, a right, который он перезаписывает не видно. Вы думаете тут ясновидящие, колдуны и гадалки сидят?

[Korifa]

Magnus Keef, все разобрался спасибо