css段落首字母下沉变大技巧

css段落首字母下沉变大技巧

演示地址

技巧就是使用first-letter 伪元素：

定义和用法

:first-letter 伪元素向文本的第一个字母添加特殊样式。

这个伪元素用于指定一个元素第一个字母的样式。所有前导标点符号应当与第一个字母一同应用该样式。某些语言有一些要处理为单个字符的字母组合，如果是这样，用户代理可能会把首字母同时应用到这个字母组合。

避免每个段落都首字母变大下沉，采用p:first-child，是第一个段落首字母下沉。