Question

article#tour_summary p:first-of-type(1) {
  text-transform: capitalize;
}
article#tour_summary p::first-line {
  font-size: 1.2em;
  font-variant: small-caps;
}

所以我的问题是如何加入这两个命令？我希望第一段和第一行大写字体大小：1.2em和小型大写。

这就是我被要求做的事情，＆＃34; Adriana希望tour_summary文章的第一行以小写字母显示。使用first-of-type伪类和第一行伪元素创建样式规则，该样式规则显示tour_summary文章中第一个段落的第一行，字体大小为1.2em，小写大小。＆＃ 34;

Answer 1

:first-of-type不接受参数，因此您也可以合并:first-of-type和:first-line，请参阅：

article#tour_summary p:first-of-type:first-line {
  font-size: 1.2em;
  font-variant: small-caps;
}

请参阅文档：https://www.w3schools.com/cssref/sel_first-of-type.asp

＆＃13;

article#tour_summary p:first-of-type:first-line {
  font-size: 1.2em;
  font-variant: small-caps;
}

＆＃13;

<article id="tour_summary">
<p>Lorem ipsum dolor sit amet, esse nulla delenit nec ei. Quo sapientem elaboraret ut, vero impedit sit no. An noster dolorem his. Partem tamquam scaevola at has. Blandit omnesque ea vel, ut has ancillae eligendi fabellas. Dictas praesent ei eum.</p>
<p>Ei erant decore pertinax nec. Ex duo errem tation inermis. Pro ut vocibus commune. Eos no tale sanctus. Est errem labitur ad, iudicabit necessitatibus id vix, pri an unum admodum. In eos mutat recusabo.</p>
<p>Vix id malis detracto. Pro agam appareat dissentiunt eu, vero vivendo cu vis, quaeque menandri erroribus nec et. Veritus civibus et sit. Eam ea iriure ponderum omittantur. Dicta partiendo ullamcorper mel no.</p>
<p>Vix te homero electram inciderint, aliquip percipit persequeris ad mei. Pri zril labitur ad, choro theophrastus his ut. Mel persius propriae dissentiet te. An duo quas augue periculis, ea modo consulatu quo. In per reque nostrum. Ne eum minim sonet semper, usu illum officiis disputando et, ad lucilius torquatos has.</p>
<p>No sale mentitum facilisis pro, ea appetere sapientem theophrastus mea. Est quando feugiat ea, sea ut nibh rebum, quod ullamcorper mea cu. Eam ad liber postea labore. Ad per dictas petentium, mel ad eirmod repudiandae neglegentur, quidam assueverit no quo. Ad est eius sanctus, labitur ullamcorper ut duo. Omnium imperdiet ad cum.</p>
</article>

＆＃13;

如何将第一类和第一线组合在一起？

1 个答案: