如何选择此代码中的第一段？

Question

大家好，

我是编码的新手，有一个我无法弄清楚的非常简单的问题。在下面的代码中，如何在CSS中选择第一段而不是第二段？我想对第一段只做一些操作！我已经尝试过nth-child（1），但它没有用。请帮忙！

<div class="about" id="about">
        <div class="container">
            <h1>Who Am I?</h1>
            <img src="images/MyFace.jpg">
            <p>paragraph1</p>
            <p>paragraph 2!</p>
        </div>

Answer 1

使用CSS first-of-type选择器。下面的CSS将仅选择具有类p的元素中元素类型container的第一个实例。

.container > p:first-of-type{ /* css */ }

Answer 2

请尝试以下代码，有3种方法可以选择第一个元素：

解决方案1：

.container p:first-child { /* your CSS */ }

解决方案2：

.container p:first-of-type { /* your CSS */ }

解决方案3：

.container p:nth-child(1) { /* your CSS */ }