html - 具有空白元素的父元素的 CSS 选择器

Question

我正在尝试为所有 <li> 创建一个选择器包含空白的元素 <p>元素:

li>p:blank {
  display: none;
}

<li>
  <p>Size</p>
  <p></p> <!-- blank -->
</li>

<li>
  <p>Color</p>
  <p>Blue</p> <!-- NOT blank -->
</li>

这可能吗？

Answer 1

是的!但是-伪类是 :empty 而不是 :blank:

li>p:empty {
  display: none;
}

<li>
  <p>Size</p>
  <p></p> <!-- blank -->
</li>

<li>
  <p>Color</p>
  <p>Blue</p> <!-- NOT blank -->
</li>