Css 如何在样式规则选择器中使用pseudo类的第一个类型和第一个字母pseudo元素

如何正确设置此样式规则的格式

到目前为止，我已经：

#speech p:first-letter {
    font-size: 4em;
    float: left;
    line-height: 0.8em;
    margin-right: 0.3em;
    padding-right: 0.2em;
    padding-bottom: 0.2em;
    border: solid black;
    border-right-width: 0.02em;
    border-bottom-width: 0.02em;
}

这改变了我在#演讲部分中所有段落的第一个字母。 如何包含pseudo类的第一个类型以确保仅更改第一段的字母？

只需同时使用这两种类型即可 第一个子伪类和第一个字母伪类

见菲德尔-

试试这个：

#speech p:first-of-type:first-letter {
    font-size: 4em;
    float: left;
    line-height: 0.8em;
    margin-right: 0.3em;
    padding-right: 0.2em;
    padding-bottom: 0.2em;
    border: solid black;
    border-right-width: 0.02em;
    border-bottom-width: 0.02em;
}

---

请查看。

您不应该在此处使用第一个子元素，因为它将选择属于

#speech

第一个子元素的任何元素，您应该更喜欢使用

：type

的第一个子元素，而不是真正的。。。请注意，IE8中不支持

：first of type

，而

：first child

是（使用正确的DOCTYPE），如果该事件对您很重要..我使用了类型的first of type:first letter

#speech p:first-of-type:first-letter {
    font-size: 4em;
    float: left;
    line-height: 0.8em;
    margin-right: 0.3em;
    padding-right: 0.2em;
    padding-bottom: 0.2em;
    border: solid black;
    border-right-width: 0.02em;
    border-bottom-width: 0.02em;
}