媒体未覆盖原始css

出于某种原因，@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;
 }
 }

---

inspector的屏幕截图：

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

尝试使用相同的选择器：

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

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

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

---

使用！重要信息：这不是最佳方法，您应该在媒体查询中重新指定选择器：

#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 bubbling是一种更好的方法。

谢谢兄弟，它解决了这个问题：DAnytime man如果您需要CSS方面的帮助，请找我。只是不要让它成为一种习惯；）你能选择我的答案吗？使用！重要的是，hackeyIt说我必须再等一分钟才能做到这一点，我会在一秒钟内：）