Css 不应该';t`display:none`完全隐藏元素

Css 不应该';t`display:none`完全隐藏元素,css,Css,在以下来自的示例中,为什么段落框仍然可见,即使使用将其显示设置为none::blank p{ 最小高度:30px; 宽度:250px; 背景颜色:浅蓝色; } p:空白{ 显示:无; } p:-moz-only空格{ 显示:无; } /*Mozilla特有的伪类,其工作原理如下:blank将*/ 这一段不是空的或空白的 这一段不是空的或空白的 来自您的参考: 在撰写本文时,:blank是CSS选择器级别4草稿的一部分,任何浏览器都不支持 但是,由于Mozilla的前缀p:-moz-o

在以下来自的示例中,为什么段落框仍然可见,即使使用
将其
显示设置为
none
::blank

p{
最小高度:30px;
宽度:250px;
背景颜色:浅蓝色;
}
p:空白{
显示:无;
}
p:-moz-only空格{
显示:无;
}
/*Mozilla特有的伪类,其工作原理如下:blank将*/

这一段不是空的或空白的

这一段不是空的或空白的

来自您的参考:

在撰写本文时,:blank是CSS选择器级别4草稿的一部分,任何浏览器都不支持


但是,由于Mozilla的前缀
p:-moz-only whitespace{display:none;}

的缘故,codepen在Firefox 57.0中确实可以使用,如果您不想使用
:blank
,可以尝试使用
:empty
?我听说这在所有主流浏览器中都有效。希望这有帮助

目前只有Firefox支持ITI如果您还没有尝试过,为什么推荐它?