css - 替换 DIV 中的内容 - 仅限 CSS

Question

我有一个表格，我想在其中替换 TD 中的文本，但它目前只是向其中添加文本。有没有办法只用 CSS 替换文本？下面的示例将在 TD 中显示“Some new stuffText here”，但我希望它仅显示“Some new stuff”。

<table>
<tr>
    <td data-text="Some new stuff">Text here</td>
</tr>
</table>

CSS:

table td:before { 
    content: attr(data-text); 
}

JSFiddle

Answer 1

像这样使用:

td[data-text]{
    font-size: 0;/*hide the text inside td*/
}
table td:before { 
    content: attr(data-text); 
    font-size: 16px;/*show the text of content*/
}

demo