Почему @media only screen 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;
  }
}