Как избавиться от перекрытия более приоритетным селектором media запроса в адаптивной верстке css?

Question

[Kirill Zhukov]

Подскажите, я учусь делать сайты адаптивными, использую колоночную систему boostrap, и в sass коде через медиа запрос пытаюсь в menu_item изменить padding, но в браузере он перечеркнут, я так понимаю его что-то перекрывает, как это можно устранить
padding-right: 20px перечеркнут в браузере и используется прежнее значение 45 px

Comments

[Ankhena]

Зачем вы вообще делаете вложенный селектор .menu menu_link?
У вас что, могут быть menu_link вложенные не в menu, а во что-то другое?

Вы сами сделали себе грабли, на которые и наступили.
Не делайте ненужной вложенности и проблем таких не будет.

Answer 1

[Rsa97]

Увеличить специфичность правила и/или изменить порядок.

Comments

[Kirill Zhukov]

Спасибо за ответ, я уже сам разобрался, у меня была проблема нужно было не через знак амперсанта &_item, а через menu_item, подскажите есть способ делать это через амперсант ?

[Rsa97]

Kirill Zhukov, У вас разная специфичность правил на верхнем и нижнем примерах.
Наверху правило .menu .menu_link, а снизу просто .menu_link.
Если хотите получить аналог, то должно быть так

.menu
  .menu
    &_link
      ...

[Kirill Zhukov]

Rsa97, Спасибо, я понял