为什么@media只有屏幕 CSS 才能使用 ！重要;？

Question

我唯一能让 css @media工作的时候是如果我使用 !重要;在 CSS 中，例如

@media only screen and (max-width: 600px)
.example {
padding-left: 2px !IMPORTANT;
}
.example {
width: 118px;
position: absolute;
padding-left: 21px;
padding-top: 11px;
}

如果我不使用！重要的是，在@meda css 中，样式不会拾取，所以问题是，为什么？ 我不想用！重要;但是CSS@media不能使用它。 请帮忙

Answer 1

它对我来说工作正常。也许你也有另一个 css 用于覆盖它的类。

.example {
width: 118px;
position: absolute;
padding-left: 21px;
padding-top: 11px;
background: red;
}
@media only screen and (max-width: 600px) {
.example {
padding-left: 2px;
background: blue;
}
}