[分享]css全部隐藏让id选择器显示

在网页开发的过程中，有时候需要将整个页面元素全部隐藏，只想显示一个特定的元素，这时候就需要使用CSS将所有元素隐藏，只让特定的ID选择器显示。/隐藏所有元素/ { display: none; } ...

在网页开发的过程中，有时候需要将整个页面元素全部隐藏，只想显示一个特定的元素，这时候就需要使用CSS将所有元素隐藏，只让特定的ID选择器显示。

/*隐藏所有元素*/
* {
    display: none;
}
/*只显示ID选择器为specific的元素*/
#specific {
    display: block;
} 

在上述代码中，先使用通配符选择器将所有元素都设置为不可见，然后再针对特定的ID选择器设置为可见。这样就能实现只显示特定元素，同时隐藏其他元素的效果。

需要注意的是，如果要让这种效果生效，需要确保特定元素的ID选择器在CSS中的优先级高于通配符选择器。可以通过给ID选择器设置更高的权重，例如使用 !important 关键字，或者将ID选择器放在CSS样式表的末尾来实现。

总之，只显示特定元素而隐藏其他元素的效果可以通过CSS中全部隐藏再选择ID选择器来实现。使用时需要注意优先级问题，确保对特定元素的设置能够生效。