正确使用媒体查询

Question

有人可以证明正确使用媒体查询吗？我有很多响应代码 - 即下面的简化版本。我想第二个媒体查询也继承了之前的属性，如果这有意义的话？即，在最小宽度为201px时，p应具有字体大小30px和文本对齐中心。目前我不得不复制代码，在这种情况下很好但是代码库很大，它非常可怕，99％的冗余。即

media query 1 - p{font-color:blue;}
media query 2 - p{font-color:blue; font-size:5px;}
media query 3 - p{font-color:blue; font-size:5px; text-align center;}

我想在媒体查询3中这样做我可以做p {text-align：center;}，其余的继承。

   @media query screen and (min-width:100px) and (max-width:200px)
    {
       p{font-size:30px;}
    }

  @media query screen and (min-width:201px) and (max-width:300px)
{
   p{text-align:center;}
}    

Answer 1

如果您希望应用早期媒体查询中的规则，请编写它们，以便它们不会明确排除后面的规则。

即。删除max-width规则。