时间戳

首页 > 解决方案 > 如何在 HTML5 中设置部分的第一段样式？

css - 如何在 HTML5 中设置部分的第一段样式？

问题描述

在书籍和印刷文档中，章节或章节的第一段具有一个特殊属性。虽然所有段落都有缩进，但一节的第一段没有，而章节的第一个字母可能更粗或更大。

我想问一下，是否有默认或原生 HTML5 方式将段落标记为节/章的第一个，应用哪些特殊属性？如果不是，那么标记第一段的有效方法是什么？

到目前为止，我所做的是<p>为该部分中的标记定义属性<style>，给它一些缩进，并创建一个<p1>以 0 缩进命名的新属性，我将其用于第一段。但是没有办法改变标题/第一个大写字母，我想知道是否有更好的想法。

标签： csshtml

解决方案

您只需将其设为 section 元素中的第一段。

section > p:first-of-type {
    font-family: monospace;
    font-size: 1.3em;
    color: blue;
}
<section>
  <h2>Section heading</h2>
  <p>First paragraph</p>
  <p>Second paragraph</p>
  <p>Third paragraph</p>
</section>

推荐阅读