Question

我想隐藏某些屏幕分辨率中的所有元素，只显示想要显示的元素：

例如：

*{
    display: none;
}
#block{
    display: block !important;
}

但是这不再覆盖显示属性。 demo

Answer 1

*定位文档中的所有元素，包括html和body。这就是内容仍然隐藏的原因 - verify that。

如果您想要选择<body>中的所有元素，请按以下步骤选择：

＆＃13;

body * {
    display: none;
}

#block {
    display: block;
}

＆＃13;

<div id="block">block</div>

＆＃13;

Answer 2

因为body和html包含在具有*规则的通用选择器display: none;中。

Answer 3

如果您使用自己喜欢的DOM检查器打开目标框架，则会发现<body>仍处于隐藏状态：

Firebug