当设备显示小于 600 像素时,我有部分页面不想显示。我有这样的CSS:
@media only screen and (max-width: 600px) {
.smallScreenHidden {dispay:none}
}
然后我有一个<article>
,它有类,它说它显示为块。问题是我不能覆盖它,所以它总是显示。我编写课程的顺序无关紧要,它只是行不通。
如果您像我们大多数人一样是新手 css 用户,您会这样做:
display: block !important;
但是,如果您是专家用户并且了解 css 特异性的重要性,您会尝试了解为什么添加任意数量的类并不能帮助您覆盖<article>
现在,由于我没有看到您的代码,因此我无法为您提供 CSS 特异性解决方案,我建议您查看Smashing Magazine 上关于 CSS 特异性的这篇文章