Как изменить стиль первого абзаца?
Решил проблему с помощью .class>p:first-of-type{
font-weight: bold
}
Вы немного не поняли принцип работы селектора :first-child. Он бы сработал если бы было так:<div class="class">
  <p></p>
  <p></p>
  <img src="image.jpg" />
</div>
Другими словами если бы тег p был бы первым дочерним элементом блока.
В вашем случаи вы можете сделать так:.class p:nth-child(2){
  font-weight: bold;
}