css - 隐藏容器的文本内容而不是其子元素

Question

在下面的示例中，我想隐藏“文本”(例如通过执行 td { display: none })，同时显示“100”，即 span 的内容元素。

如何实现？

<td>
    text
    <span>100</span>
</td>

Answer 1

替代给出的这些答案。

td { font-size:0; }
td span { font-size:12px; }