<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="//www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> <!-- p{font-size:12px;} p:first-letter{font-size:300%} --> </style> </head>
<body> <p>對於世界而言，你是一個人；但是對於某個人，你是他的整個世界。縱然傷心，也不要愁眉不展，因為你不知是誰會愛上你的笑容。</p> </body> </html>
這段代碼對<p>的首字符樣式定義在IE6上看是沒有效果的,而在p:first-letter和{font-size:300%}加上空格，也就是p:first-letter {font-size:300%}后，顯示就正常了。
這個問題主要是出現在IE6瀏覽器中，而且這位朋友也說明了一些必要的觸發條件：
1、IE6瀏覽器
2、選擇符是帶有偽類的
3、偽類中必須是有連接符“-”的，例如:first-letter
4、是否有空格的存在