css - `display:none` 不应该完全隐藏一个元素

Question

在以下示例中来自 https://css-tricks.com/almanac/selectors/b/blank/ ，为什么段落框仍然可见，即使它的 display 使用 ::blank 设置为 none？

p {
  min-height: 30px;
  width: 250px;
  background-color: lightblue;
}
p:blank {
  display: none;
}
p:-moz-only-whitespace {
  display: none;
}
/* Mozilla-only pseudo-class that works like :blank will */

<div class="blanks">
  <p>This paragraph is not empty or blank.</p>
  <p>
    <!--this is empty and blank -->
  </p>
  <p>

    <!-- this is not empty, because it has whitespace. But it is blank.-->

  </p>
  <p>This paragraph is not empty or blank.</p>
</div>

Answer 1

来自您的引用 css-tricks ::blankdemo :

“在撰写本文时，:blank 是 CSS Selectors Level 4 草案的一部分，并且不受任何浏览器支持。”

由于 Mozilla 的前缀 p:-moz-only-whitespace {display: none;}，codepen 确实在 Firefox 57.0 中工作。