[CSS参考手册](http://css.doyoe.com/)»[选择符列表](#)»[伪类选择符](#)» 相关内容： [**其它伪对象选择符**选择其它项](#) - [E::first-letter](#) - [E::first-line](#) - [E::before](#) - [E::after](#) - [E::selection](#) # E:first-letter/E::first-letter - **版本：CSS1/CSS3** ### 语法： **E:first-letter/E::first-letter**{ sRules } ### 说明： **设置对象内的第一个字符的样式。** - 此伪对象仅作用于块对象。内联对象要使用该伪对象，必须先将其设置为块级对象。 - 该伪类常被用来配合[font-size](#)属性和[float](#)属性制作首字下沉效果。 - IE6在使用该选择符时有个显式的BUG：*选择符与包含规则的花括号之间不能紧挨着，需留有空格或换行*。同时还存在该BUG的选择符包括：[E:first-line](#) - CSS3将伪对象选择符(Pseudo-Element Selectors)前面的*单个冒号(:)修改为双冒号(::)*用以区别伪类选择符(Pseudo-Classes Selectors)，但以前的写法仍然有效。 即E:first-letter可转化为E::first-letter ### 兼容性(E:first-letter)： - 浅绿 = 支持 - 红色 = 不支持 - 墨绿 = 部分支持 - 橙色 = 实验性质 <table class="gdataform"><thead><tr><th><a href="#browser" title="查看本文档测试时所用浏览器版本">支持版本</a>\类型</th> <th><span class="browser-ie">IE</span></th> <th><span class="browser-firefox">Firefox</span></th> <th><span class="browser-safari">Safari</span></th> <th><span class="browser-chrome">Chrome</span></th> <th><span class="browser-opera">Opera</span></th> </tr></thead><tbody><tr><th>较早版本</th> <td class="partsupport">6.0 ^{<a href="#support1">#1</a>}</td> <td rowspan="2" class="support">4.0</td> <td rowspan="2" class="support">5.1</td> <td rowspan="2" class="support">13.0</td> <td rowspan="2" class="support">11.50</td> </tr><tr><th>最近版本</th> <td class="support">7.0</td> </tr></tbody></table> 1. IE6及更早浏览器下，E:first-letter选择符与包含规则的花括号之间不能紧挨着，需留有空格或换行。 ### 兼容性(E::first-letter)： - 浅绿 = 支持 - 红色 = 不支持 - 墨绿 = 部分支持 - 橙色 = 实验性质 <table class="gdataform"><thead><tr><th><a href="#browser" title="查看本文档测试时所用浏览器版本">支持版本</a>\类型</th> <th><span class="browser-ie">IE</span></th> <th><span class="browser-firefox">Firefox</span></th> <th><span class="browser-safari">Safari</span></th> <th><span class="browser-chrome">Chrome</span></th> <th><span class="browser-opera">Opera</span></th> </tr></thead><tbody><tr><th>较早版本</th> <td class="partsupport">5.5-6.0 ^{<a href="#support2">#1</a>}</td> <td rowspan="3" class="support">4.0</td> <td rowspan="3" class="support">5.1</td> <td rowspan="3" class="support">13.0</td> <td rowspan="3" class="support">11.50</td> </tr><tr><th>较新版本</th> <td class="unsupport">7.0-8.0</td> </tr><tr><th>最近版本</th> <td class="support">9.0</td> </tr></tbody></table> 1. IE5.5及IE6本质上并不支持E::first-letter的写法，而是忽略掉了E::first-letter中的一个冒号，仍以E:first-letter来解释，所以它们也变相的支持了E::first-letter。 ### 示例： # 杂志常用的首字下沉效果 今天，阳光明媚，晴空万里，非常适合户外活动，如踏青、远足之类的。长期坐在办公室的同学们要多注意运动。 Copyright © 2006-2012 [Doyoe](http://www.doyoe.com/). All Rights Reserved