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

时间:2015-10-23 20:35:07

标签: css

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

如何实现?

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

3 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:1)

试试这个:

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

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

答案 2 :(得分:1)

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

td{visibility:hidden};

td span{visibility:visible};