作者:手机用户2502863305 | 来源:互联网 | 2023-07-10 20:12
我正在尝试在article元素中显示第一个段落的首字母,其字体大小为2em并与周围文本的基线垂直对齐。到目前为止,这是我的代码:
0
它没有得到想要的结果。
也许有人可以建议我如何解决我的代码以实现该目标?
- 按照事物出现的顺序进行匹配
- 当您不尝试匹配后代时不要添加后代组合符(空格)
这样:
article p:first-of-type::first-letter {
font-size: 2em;
vertical-align: baseline;
}
Example
The quick brown fox
The quick brown fox
The quick brown fox
Example
The quick brown fox
The quick brown fox
The quick brown fox
,
只需反转伪类和伪元素,并删除空格字符(用作后代组合器):
article p:first-of-type::first-letter