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