媒体没有覆盖原始的css。

Question

由于某种原因，我的@media没有覆盖我原来的css。它出现在我的巡查员身上，但它是交叉的。我确保我的媒体覆盖在我的另一个css之下。

Css代码：

#content div div:nth-child(even) p{
margin-left: 40px;
}



@media (max-width:880px){

 #content div div p {
     margin-left: 0;
     margin: 0;
 }
 }

检查员截图：屏幕截图

Answer 1

这是因为顶部选择器比新的自定义选择器更具体。

尝试使用相同的选择器：

#content div div:nth-child(even) p{
    margin-left: 0;
}

或者，在社会上不太被接受，使用！重要：

#content div div p{
    margin-left: 0!important;
}

Answer 2

使用！重要并不是最好的方法，您应该重新分配媒体查询中的选择器：

#content div div:nth-child(even) p{
    margin-left: 40px;
}

@media (max-width:880px){
     #content div div:nth-child(even) p {
         margin-left: 0;
         margin: 0;
     }
 }

使用沙斯和@media冒泡是一种更好的方法。