addtional html 태그없이 단일 문자를 스타일하는 방법

Question

"u"를 추가 태그로 둘러싸 지 않고 스타일을 지정할 수 있습니까?

뭔가

h1:first-letter{ font-size:200%; color:#8A2BE2} 

처럼 여기에 "u는"나는 말, 불투명도를 추가하고 싶습니다 :

<div class="moto"><h1>it's all<br>abboutt<br>design</h1></div> 

Answer 1

당신은 nth-letter 선택이 있다면 할 수 있지만,이 없다 . 그러나 이러한 활판적 인 꿈을 가진 사람은 처음이 아닙니다. 시도하십시오 http://letteringjs.com/ 당신을 위해 이런 종류의 것을 자동화합니다.

Answer 2

번호 또는, 기술적으로 말하면, 태그이 필요하지 않은,하지만 문자는 요소의 유일한 컨텐츠를 할 필요가있다. 자바 스크립트를 사용하여 일부 콘텐츠에서 문자의 첫 번째 항목을 검색 한 다음 DOM 트리를 조작 할 수 있습니다. 태그를 사용하여 이렇게하는 것이 가장 쉽습니다.