Question

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

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

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

Answer 1

你只需将它作为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>

Answer 2

为了设置段落的第一个字母，CSS提供了pseudo-element ::first-letter。按照昆汀的例子，你可以设置一个部分第一段的第一个字母，如：

section > p:first-of-type::first-letter {
     font-family: serif;
     color: red;
     font-size: 3.75em;
     font-style: oblique;
     float: left;
     line-height: 3.5rem;
}

以下是我们两个建议的实例：

https://jsfiddle.net/q51o5xqx/2/

你还提到＆＃34;给它一些缩进＆＃34;。你的意思是你希望第一段的宽度小于其他段落，或者你的意思是你希望每段的第一行缩进？

如果您想要缩进段落，只需使用text-indent即可。默认情况下，它只会缩进文本块的第一行，而不是该段落的每一行。如下所示：

section > p {
   text-indent: 3em;
}

如何设置HTML5中节的第一段的样式？

2 个答案: