CSS教程:first-letter伪类元素的特点

这样在关闭js的情况下，FF、Opera以及Safari都可以正常显示应有的首字下沉效果，不过IE们就有些混乱，IE8b1天生不支持，无效果；IE7正常；IE6不识别:first-child:first-letter这样的用法；IE5.5神奇的识别了:first-letter，但是它忽略了:first-child，这导致了所有段落p都会有一个首字下沉的效果，这可不是我们排版上希望看到的。并且当你回复使用js的时候，在Opera中会产生一个有趣的现象，段落的前两个字都有了效果，查看效果页面2。这是因为在Opera中，第一个字包含在<span></span>中，效果由js实现，Opera认为p的:first-letter应该在<span></span>之后开始。

因此，我们需要改动一下css:

   1:  #demo p > *:first-child:first-letter { font-size: 40px; font-family:"楷体_GB2312"; 

   2:  font-weight:bold; line-height:1.2em; float:left; padding:5px 2px 0 0; color:#c00; }

这样以来，Opera中的奇怪现象也消失了。查看这个效果页面3。

说实话，我并不推荐使用如此繁复的代码（效果页面2和3）实现一个首字下沉。就好像在html中不推荐使用<q></q>那样。直接使用效果页面1的代码，让js去做这个在IE中找不到平衡点的事情——js开启，

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!