Как переопределить свойство css?

Question

[WowItIsYou2020]

У меня есть нижняя панель навигации:


При сужении окна она должна быть стать выпадающим меню:


Это уже реализовано, но мне нужно переопределить свойства: семейство шрифта, цвет, добавить синий прямоугольник при наведении.


Я думал, что достаточно переопределить все это в media, но это не так. Как я понимаю нужен js, но тут я совсем новичок. Спасибо

Comments

[Антон Литвиненко]

Вообще-то таки обычно достаточно переопределения в Медиа, который должен идти после основных стилей. Вес селекторов должен быть не меньше базовых

[MagnusDidNotBetray]

мне нужно переопределить свойства: семейство шрифта, цвет, добавить синий прямоугольник при наведении.

Я думал, что достаточно переопределить все это в media

И правильно думали.

[WowItIsYou2020]

MagnusDidNotBetray, Спасибо! Но у меня почему-то все, что я переопределяю в медиа зачеркивается. В чем может быть причина?

[WowItIsYou2020]

Антон Литвиненко, Спасибо за ответ, но у меня почему-то все новые свойства в медиа отменяются. В чем может быть причина?

[MagnusDidNotBetray]

WowItIsYou2020, а стили вне медиа вы тоже селектору .header-bottom a указывали, или другому?

[Ivan1331]

WowItIsYou2020, значит они у вас где то переписываются, внимательно посмотрите изначально какому селектору вы задаете стили, всё через media должно работать, в любом случае !important должен решить все вопросы

[WowItIsYou2020]

MagnusDidNotBetray, да, так же)

[WbICHA]

WowItIsYou2020, у вас медиа запросы точно прописаны ПОСЛЕ основных стилей?

[WowItIsYou2020]

WbICHA, все, решил проблему. спасибо!) я как раз не знал, что последовательность будет играть роль. всем спасибо!

[WbICHA]

WowItIsYou2020, дык Антон Литвиненко в первом же комменте написал об этом...

Вообще-то таки обычно достаточно переопределения в Медиа, который должен идти после основных стилей.

Answer 1

[mipfikus]

!important

Comments

[mipfikus]

felony13twelve, ну раз media не работает :D

Answer 2

[format_iai]

Посмотри как определены стили (есть ли вложенность, например .header .menu {}, нет ли important) так же и пропиши в медиа, со вложенностью или important или и то и то