html - 如何组合 first-of-type、first-line 和 first-letter 伪元素？

Question

目前，我正在为网络开发类(class)做作业。

这些是说明:第一行和首字下沉样式Jakob 希望文章的第一行以小写大写字母显示。转到 First Line and Drop Cap Styles 部分，为文章元素的第一段和该段的第一行创建样式规则，将字体大小设置为 1.25em，将字体变体设置为小型大写字母。 (提示:对段落使用 first-of-type 伪类，对段落的第一行使用 first-line 伪元素。)

Jakob 还希望将文章开头段落中第一行的第一个字母显示为首字下沉。为文章的第一段和应用以下样式的首字母创建样式规则:将衬线字体的第一个字母的大小设置为 4em 并将其 float 在左侧，将行高设置为 0.8em，并且将右边距和底部边距设置为 5 像素。(提示:使用 first-letter 伪元素作为该段落的第一个字母。)

这是我输入的代码:

 /* First Line and Drop Cap Styles */

    p:first-of-type:first-line {
      font-size: 1.25em;
      font-variant: small-caps;
    }

    p:first-letter {
      font-size: 4em;
      line-height: 0.8em;
      margin-right: 5px;
      margin-bottom: 5px;
    }

因为我一遍又一遍地收到错误消息，所以我开始使用它。我需要这方面的帮助。

谢谢。

Answer 1

你试过吗

p:first-of-type, p:first-line {
  //styles
}