html - 尝试使用具有相同类的 sass 为 div 中的第一个 <p> 元素设置样式

Question

下面是我的代码。第二个 <p>正在变得大胆。我只需要先 <p>仅加粗。我不想为第一 <p> 添加任何类(class).

    .person {
      p + p {
        font-weight: bold;
      }
    }

<div class="person">
          <p>I am good</p>
          <p>You are also good</p>
        </div>

Answer 1

.person p:first-of-type { } 甚至 .person p:first-child { } 都可以。您使用的选择器按字面意思翻译为“.person 类中紧接段落之后的段落”