显示无法覆盖

Question

当设备显示小于600px时，我有部分页面，我不想显示。我有这样的css：

@media only screen and (max-width: 600px) {
    .smallScreenHidden {dispay:none}
}

然后我有一个<article>，它有一个类，它表示它显示为块。问题是我不能覆盖它，所以它总是显示。无论我编写类的顺序无关紧要，它都无法正常工作。

Answer 1

如果你像我们大多数人一样是新手css用户，你会这样做：

display: block !important;

但是，如果您是专家用户并且了解css特异性的重要性，那么您将尝试了解为什么添加任意数量的类无法帮助您覆盖<article>的显示属性

既然我没有看到你的代码，因此，我不能给你一个CSS特异性解决方案，我建议你在CSS Specificity by Smashing Magazine上查看这篇文章