td里嵌套table的样式问题

bufan2162 2009-09-08 11:43:41

有没有办法　控制一种样式　
当td里有套table的时候　padding :0px

没有套的时候　padding-left :2px

<html>

<style type='text/css'>

    body

    {

        color: black;

        font-family: 宋体;

        font-size: 12px;

        letter-spacing: 0px;

    }

    .class1

    {

        color: black;

        font-family: 宋体;

        font-size: 12px;

        letter-spacing: 0px;

        border: solid 1px #9097cf;

    }

    .class1 td

    {

        border-bottom-width: 0px;

        border-style: solid;

        border-width: 1px;

        border-color: #6DCAFC;

        text-align: left;

        padding-left: 5px;

        margin: 0px;

        vertical-align: middle;

        white-space: nowrap;

        height: 25px;

    }

    .class1 td table

    {

        margin: 0px;

        padding: 0px;

    }

</style>

<body>

    <table border='1' class='class1'>

        <tr>

            <td>

                aasdgfg

            </td>

            <td>

                bddfa

            </td>

            <td>

                asgasd

            </td>

        </tr>

        <tr>

            <td>

                <table border='1'>

                    <tr>

                        <td>

                            gasdgrsth

                        </td>

                        <td>

                            rtur

                        </td>

                        <td>

                            ertherher

                        </td>

                    </tr>

                    <tr>

                        <td>

                            4yhethe

                        </td>

                        <td>

                            rertyerty

                        </td>

                        <td>

                            rtjutret

                        </td>

                    </tr>

                </table>

            </td>

            <td>

                rtherther

            </td>

            <td>

                ert yeryerty

            </td>

        </tr>

    </table>

</body>

</html>