使用第一个孩子选择具有特定类的表行

我发现了一个奇怪的错误，即CSS:first-child选择器似乎无法为我选择表格行。

我有下表

<table>
    <tr class="a">
        <td>a</td>
    </tr>
    <tr class="b">
        <td>b</td>
    </tr>
    <tr class="b">
        <td>b</td>
    </tr>
    <tr class="c">
        <td>c</td>
    </tr>
    <tr class="c">
        <td>c</td>
    </tr>
</table>

我想在tr.b的第一个实例之前添加一行。

此代码将不起作用：

$("table tr.b:first-child").before("<tr><td>using css selector</td></tr>");

但这可以正常工作：

$("table tr.b").first().before("<tr><td>using jquery first()</td></tr>");

这是一个已知问题，还是我做错了什么？我不介意使用jQuery，但我不明白为什么这不能与纯CSS一起使用。

这是一个小玩意儿：

http://jsfiddle.net/5d6YX/