Jquery : 두 번째 줄에있는 텍스트 노드의 대상 부분

Question

이것이 가능한지 모르겠습니다. 일부 텍스트가있는 h2 태그가 있습니다.

<div> 
    <h2>Here Goes a Big Sample Slider</h2> 
</div> 

짧은 너비의 div에는 큰 글자입니다.

h2{ 
    font-size: 69px 
} 
div{ 
    width: 600px; 
} 

이렇게 두 줄로 나뉩니다. 다음은 JSfiddle입니다. http://jsfiddle.net/6Qypv/

문장에서 두 번째 줄을 대상으로하고 싶습니다. (사용자가 생성 할 것입니다.) 그래서 범위에 넣고 속성을 부여 할 수 있습니다. . 하지만 HTML을 직접 변경할 수는 없습니다.

감사합니다

Answer 1

당신과 같은 작업을 수행 할 :first-line 의사 요소를 사용하여 시도 할 수 :

h2:first-line { /* Normal style */ 
     font-size: 69px 
} 
h2 { /* Second line */ 
     font-size:13px; 
} 

Sample fiddle