Как изменить стиль первого абзаца?

Question

[jelezo]

Не получается изменить стиль первого абзаца. А именно сделать шрифт "жирным".

Структура html приблизительно такая:

<div class="class">
	<img src="image.jpg" />
	<p></p>
	<p></p>
...
<p></p>
</div>

Пытаюсь изменить так:

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

Что делаю не так?

Answer 1

[jelezo]

Решил проблему с помощью

.class>p:first-of-type{
font-weight: bold
}

Answer 2

[Михаил Горячкин]

Вы немного не поняли принцип работы селектора :first-child. Он бы сработал если бы было так:

<div class="class">
  <p></p>
  <p></p>
  <img src="image.jpg" />
</div>

Другими словами если бы тег p был бы первым дочерним элементом блока.
В вашем случаи вы можете сделать так:

.class p:nth-child(2){
  font-weight: bold;
}