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

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 */ }