这里的段落首字大写是如何实现的?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 2169 天前的主题，其中的信息可能已经有所发展或是发生改变。

网页在这里

如图，左边是网页，右边是相应源码片段：

本来以为是把首字单独拉出来设置样式，然而源码中首字和后面的内容是连在一起放<p>标签里的，那么它的大写效果是怎么实现的？

4 条回复 • 2018-12-09 01:16:45 +08:00

Eleflea

2018-12-08 23:23:58 +08:00 via Android

CSS :first-letter

qiayue

2018-12-08 23:27:35 +08:00

.dropCap > p:first-child::first-letter{font-size: 3em;}

crab

2018-12-08 23:28:20 +08:00

.dropCap > p:first-child::first-letter{font-size:3em;float:left;margin:-0.3em 0.2em 0 0}

Lax

2018-12-09 01:16:45 +08:00

```
.dropCap > p:first-child::first-letter {
font-size: 3em;
float: left;
margin: -0.3em 0.2em 0 0
}
```