父选择的CSS选择器与空白元素

Question

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

＆＃13;

＆＃13;

li>p:blank {
  display: none;
}

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;

这可能吗？

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>