css - CSS媒体查询，它不会将属性从1024更改为768

Question

我正在使用媒体查询，它应该在 1024 视图和 768 视图中改变颜色，但 768 媒体查询继承了 1024 的属性。

@media only screen and (max-width: 768px) {

  .cashBalance  {
    font-size: 50px !important; 
    color: green !important;
    margin-left: -20px !important;
  } 
}

@media only screen and (max-width: 1024px) {
  .cashBalance  {
    font-size: 65px; 
    color: red !important;
  }
 }

我附上代码笔链接。 https://codepen.io/SahilKatia/pen/ejqjjJ

标签： cssmedia-queries

Answer 1

更改媒体查询的顺序，现在您说 1024 中的颜色为绿色，但由于它大于 768，因此忽略其他属性