我想使第一層表格的雙數行變色，但是$('#tb tr:odd').css({background:'#DDD'}); 似乎會影響到td中的table
如下圖

如果使用$('#tb>tr:odd').css({background:'#DDD'});則表格都沒變色，不知道是哪裡出了問題，希望有人能解答一下，謝謝

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#tb tr:odd').css({background:'#DDD'});
});
</script>
<style type="text/css">
#tb {
    width: 400px;
    border-collapse: collapse;
}

td { width: 50%; }
</style>



    <table id="tb" border="1">
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>
                <table border="1">
                    <tr>
                        <td>a</td>
                        <td>b</td>
                    </tr>
                    <tr>
                        <td>c</td>
                        <td>d</td>
                    </tr>
                </table>
            </td>
            <td>6</td>
        </tr>
    </table>