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

Question

以下是我的代码。随着第二个<p>变得大胆。我只需要先<p>加粗。我不想为第一个<p>添加任何课程。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

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

Answer 2

.person {
  p:first-child {
    font-weight: bold;
  }
}