文本为0时不显示？

Question

我想知道是否可以将显示设置为none，text为0，仅使用没有JS的CSS

前：

<span id='counter'>0</span> <!--hide since it is 0-->

 <span id='counter'>1</span> <!--show since it is!=0-->

我知道伪空可能是空的：空

Answer 1

：empty伪类表示任何没有子元素的元素。仅考虑元素节点和文本（包括空格）。注释或处理指令不会影响元素是否为空。

https://developer.mozilla.org/en-US/docs/Web/CSS/%3Aempty

技术上0不为空，因此伪类不起作用