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

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 2712 days ago, the information mentioned may be changed or developed.

网页在这里

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

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

4 replies • 2018-12-09 01:16:45 +08:00

Eleflea

Dec 8, 2018 via Android

CSS :first-letter

qiayue

PRO

Dec 8, 2018

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

crab

Dec 8, 2018

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

Lax

Dec 9, 2018

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