2012-05-16 4 views
13

예제 문제를 작동하지 않습니다 <p>% hello world</p>첫 번째 문자를 선택하는 방법이 있습니까? : 첫 번째 문자는

내가 %를 굵게하려면 : http://jsfiddle.net/6WYXk/

좀 HTML을 가지고있다. 이렇게하려면 보통 나는 CSS에서이를 작성합니다

p:first-letter 
{ 
    font-weight: bold; 
}​ 

그러나 시간 굵게 %를 만드는.

이상적 그게 이상한, 실제로 :first-character

+1

+1 흥미로운 문제 + –

+2

브라우저에 흥미가 있으면 "% h"을 (를) 문자로 간주합니다. –

+4

실제로 브라우저에 의존적 인 것 같습니다. Firefox는 대담하지 않으며, Chrome과 Safari는 "% h"을 굵게합니다. 오직 오페라 만 성공적으로 "%"를 굵게 만들었습니다. (IE에 대해 모르지만 일부 호환 모드로 들어가서 jsfiddle 페이지를 전혀 렌더링 할 수 없었습니다 :) –

답변

10

의 psudeo 선택을하고 싶습니다. 다른 기호 문자에서도 작동하지 않으며 같은 문제가 논의되었습니다 elsewhere on SO도 마찬가지입니다.

이 뭔가를 시도해야합니다 :

<p>hello world</p> 
p:before { content:"%"; font-weight: bold; padding-right: 5px;} 

Try it yourself…

+0

필자는 찾기에 어려움을 겪고 있지만 [the : first-letter' spec definition] (http://www.w3.org/TR/CSS2/selector.html#firstletter)에 대한 참고 자료를 찾는 것을 잊지 마라. 이러한 문자 클래스에 대한 직접적인 참조. (종결), "닫기"(Pe), "초기"(Pi), "최종"(Pf) 및 "기타"(Po) 문장 부호) – Nightfirecat

+1

@Nightfirecat 최종 버전은 다음과 같습니다. http://www.unicode.org/Public/UNIDATA/UnicodeData.txt에서 알 수 있듯이 일반 텍스트는 메가 바이트 이상이며 읽기가 쉽지 않습니다. –

관련 문제