“ @media only屏幕和（）” css不被覆盖

Question

这是一个SVG（在img标签中），位于div中，出于某些原因，@media only screen and () CSS不会覆盖以前的CSS规则。而且我不知道为什么，有人可以解释/给出解决方案吗？

Answer 1

您的@media查询高于您要覆盖的样式。

在CSS中，如果定义了多次，则以较晚/更具体的一个为准。

Answer 2

您的屏幕快照还显示了编写这些规则的样式表的各行：常规规则位于131行，媒体查询规则位于63行。根据此规则，常规规则位于之后/下方媒体查询，因为它适用于所有内容，所以它会覆盖媒体查询。只需更改样式表中的顺序即可。