css - CSS で nth-child(odd) と not() を組み合わせる

Question

次の 2 つの CSS 関数を組み合わせるのに問題があります: nth-child(odd) と not(.not-striped)

HTML:

<table class="table-striped">
<tr>
    <th>Header</th>
</tr>
<tr>
    <td>Line 1</td>
</tr>
<tr class="not-striped">
    <td>Hidden line</td>
</tr>
<tr>
    <td>Ligne 2</td>
</tr>
<tr>
    <td>Line 3</td>
</tr>
<tr>
    <td>Line 4</td>
</tr>
</table>

CSS:

.table-striped tbody > tr:nth-child(odd):not(.not-striped) > td,
.table-striped tbody > tr:nth-child(odd):not(.not-striped) > th {
    background-color:#f00;
}

JSFIDDLE: http://jsfiddle.net/barbuslex/9Zck6/1/

JSFIDDLE2: http://jsfiddle.net/barbuslex/4GLMZ/1/

次の行の交互の色を中断することなく、縞模様のな​​い行が一番上の行と同じ色であることを望みます。

元：

• ヘッダー: 赤
• ライン 1: 白
• 隠線：白
• ライン 2: 赤
• 3行目：白
• 4 行目: 赤

私のテーブルは動的なので、次のものを使用できます。

• ヘッダー: 赤
• ライン 1: 白
• 隠線：白
• ライン 2: 赤
• 隠線：赤
• 3行目：白
• 4 行目: 赤
• 隠線：赤

手伝って頂けますか ？

ありがとう