替换DIV中的内容 - 仅限CSS

时间:2015-01-16 06:11:03

标签: css

我有一个表格,我想在TD中替换文本,但它目前只是将文本添加到它。有没有办法用CSS替换文本?以下示例将在TD中显示“这里有一些新东西文字”,但我希望它只显示“一些新内容”。

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

CSS:

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

JSFiddle

1 个答案:

答案 0 :(得分: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