隐藏容器的文本内容，但不隐藏其子元素

Question

在以下示例中，我想隐藏“text”（例如通过执行td { display: none }），同时显示“100”，即span元素的内容。

如何实现？

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

Answer 1

除了给出的这些答案之外。

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

Answer 2

试试这个：

td { color: white; }
td > span { color: black; }

演示：http://jsfiddle.net/qkksnkf9/

Answer 3

这是一种方法。不确定它是否是你想要的，但它会完成工作！

td{visibility:hidden};

td span{visibility:visible};