如何高亮第一段
在本指南中，您可以了解如何在容器内高亮第一段。
样式化第一段
您希望将第一段的字体变大并加粗。您可以为第一段添加一个类，然后通过该类来选择它，但使用伪类选择器更灵活——它意味着您可以根据段落的文档位置来定位它，并且如果源顺序发生更改，您无需手动移动类。
使用伪类
一个 伪类 的作用就像您应用了一个类一样；然而，CSS 不是使用类选择器，而是根据文档结构进行选择。有许多不同的伪类可以选择不同的内容。在我们的例子中，我们将使用 :first-child。这将选择父元素的第一个子元素。
html
<div class="wrapper">
<p>
Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion
daikon amaranth tatsoi tomatillo melon azuki bean garlic.
</p>
<p>
Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette
tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato.
Dandelion cucumber earthnut pea peanut soko zucchini.
</p>
</div>
css
.wrapper p:first-child {
font-weight: bold;
font-size: 130%;
}
您可以尝试在上面的实时示例中将 :first-child 更改为 :last-child，您将选中最后一个段落。
每当您需要定位文档中的某个内容时，您可以查看是否有可用的 伪类 可以帮您完成。
另见
伪类参考页面。- 学习 CSS：伪类和伪元素。