html - 无法覆盖显示

Question

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

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

然后我有一个<article>，它有类，它说它显示为块。问题是我不能覆盖它，所以它总是显示。我编写课程的顺序无关紧要，它只是行不通。

Answer 1

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

display: block !important;

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

现在，由于我没有看到您的代码，因此我无法为您提供 CSS 特异性解决方案，我建议您查看Smashing Magazine 上关于 CSS 特异性的这篇文章