"@media only screen and ()" css не перезаписывается

Question

Это SVG (в теге img), который хранится внутри div, по некоторым причинам @media only screen and () CSS не будет перезаписывать предыдущие CSS-правила. И у меня есть без понятия почему, может кто-нибудь объяснить / дать решение?

Answer 1

На скриншоте также показаны строки таблицы стилей, в которых написаны эти правила: Обычное правило в строке 131, правило медиазапроса в строке 63. Согласно этому регулярное правило - после / ниже медиа-запрос, поэтому он перезаписывает медиа-запрос, так как он применяется ко всему. Просто измените порядок в вашей таблице стилей.

Answer 2

Ваш запрос @media выше стиля, который вы пытаетесь перезаписать.

В CSS, если он определен несколько раз, побеждает более поздний / более конкретный.