0

私はこの例のhtmlコードを持っています。

<table>
    <tbody>
        <tr class="test"><td>Test</td></tr>
        <tr><td></td></tr>
        <tr class="test"><td>Test</td></tr>
        <tr class="test"><td>Test</td></tr>
    </tbody>
</table>

そして、私のcssコードは次のとおりです。

table tbody tr.test:nth-child(2n+1) {
    background-color: #ff00ff;
}

そして、出力は間違っています:(

クラスのないtrで切れ目が入っているようです。 ※なぜ!? *

jsfiddle.net を見てください: http://jsfiddle.net/Bubelbub/rFddk/

前もって感謝します！

4

1 に答える 1

1

いいえ、逆に、trwith no class は影響しません:nth-child()。その意味で「壊れる」ことはありません。.testこの要素がその親のn番目の子である場合、それが持っている/持っていないクラスや要素の種類などに関係なく、それは n 番目の子です。一致するクラス」。その要素にはクラスがないため、ルールは適用されません。単純なことです。

于 2013-03-18T19:16:55.320 に答える