为什么 @media only screen css 不能与 !IMPORTANT; 一起使用？

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 中使用 !IMPORTANT，样式将不会出现，所以问题是，为什么？我不想使用 !IMPORTANT;但 css @media 无法使用它。请帮助

Answer 1

它对我来说很好用。也许你还有另一个 css 以及覆盖它的 class。

.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;
  }
}

为什么 @media only screen css 不能与 !IMPORTANT; 一起使用？

Why doesn't @media only screen css work with !IMPORTANT;?

css

styles

media