为什么我不能覆盖通过星号应用的显示属性？

Question

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

例如:

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

但这不会再覆盖显示属性.演示

Answer 1

*定位文档中的所有元素,包括html和body.这就是为什么内容仍然隐藏 - 验证.

如果要选择其中的所有元素,则<body>应按如下方式进行:

body * {
    display: none;
}

#block {
    display: block;
}

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