h2:first-child和h2:first-type不按预期运作。

这两个选择器的作用是相似的，但也存在一些重要的差异。 h2:first-child选择h2元素的第一个子元素，而h2:first-type选择同一个父元素中第一个出现的h2类型元素。 例如，如果HTML代码是这样的：

<div>
    <h1>This is a heading</h1>
    <p>This is a paragraph</p>
    <h2>This is the first subheading</h2>
    <p>This is another paragraph</p>
    <h2>This is the second subheading</h2>
    <p>This is a final paragraph</p>
</div>

那么，h2:first-child将选择第一次出现的h2元素，即<h2>This is the first subheading</h2>，而h2:first-type将选择<h2>This is the second subheading</h2>，因为这是在同一父元素中的第一个h2。

因此，使用正确的选择器可确保所需的元素被选择。