html - 不要使用 CSS 缩进第一段的第一行

Question

如何防止节中第一段的行缩进？

这对于许多学术形式来说非常普遍。

示例输出

Introduction

For the first paragraph in the section, there is no indent: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In eu mi bibendum neque egestas congue. A arcu cursus vitae congue mauris rhoncus aenean vel elit.

      For all following paragraphs, there is an indent set by text-indent: Sed velit dignissim sodales ut. Nunc pulvinar sapien et ligula ullamcorper malesuada proin libero. Tristique et egestas quis ipsum suspendisse ultrices gravida dictum. Augue mauris augue neque gravida in fermentum et sollicitudin ac.

      For all following paragraphs, there is an indent set by text-indent: Nunc sed id semper risus in hendrerit. Etiam non quam lacus suspendisse faucibus interdum posuere lorem. Ut porttitor leo a diam sollicitudin tempor id. Facilisis mauris sit amet massa vitae tortor condimentum lacinia quis. Sagittis vitae et leo duis ut.

现在，我的 CSS 中有以下代码

p {
  text-indent: 50px;
}

Answer 1

你可能想使用 css 伪类 'first-of-type'

p:first-of-type {
  text-indent: 0;
}

因为 css 选择器暗示样式将只应用于第一个 p 元素。