코드 보기:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> xmlns="//www .w3.org/1999/xhtml">
;
< !--
p{font-size:12px;}
p:first-letter{font-size:300%}
--> style>
< ;/head>
세상에게는 당신이 그 사람의 전부입니다. 슬퍼도 눈살을 찌푸리지 마세요. 당신의 미소에 누가 사랑에 빠질지 모르니까요.
이 코드는 IE6의
p:first-letter 및 {font-size:300%}, 즉 p:first-letter {font-size:300%}에 공백을 추가하면 정상적으로 표시됩니다.
이 문제는 주로 IE6 브라우저에서 발생하며 이 친구는 몇 가지 필요한 트리거 조건도 설명했습니다.
1. IE6 브라우저
2. 선택자에는 의사 클래스가 있습니다
3. 의사 클래스의 커넥터 "-"여야 합니다. 예: 첫 글자
4.