替換DIV中的內容 - 僅限於CSS

Question

我有一個表格，我想在TD中替換文本，但它目前只是向文本添加了文本。有沒有辦法用CSS替換文本？下面的例子會在TD中顯示「Some new stuffText」，但我希望它僅顯示「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