有关：first-of-type的疑问

Question

我正在学习MDN中的CSS选择器模块。我更改了：first-of-type的示例，以探讨：first-of-type的“类型”的含义。

<div>
  <h2 class="h">Heading</h2>
  <span class="test">span 1</span><br>
  <span>span 2</span>
  <p class="test">Paragraph 1</p>
  <p class="test">Paragraph 2</p>
</div>

.test:first-of-type {
  color: red;
  font-style: italic;
}

我希望将选择span.test或第一个p.test。 但是结果是span.test和第一个p.test都被选中。